小编Dev*_*vAS的帖子

将Button添加到我的React Native App时出现了一些错误?

**添加按钮时我遇到了一些问题!!**

并在应用程序中,这是错误

java.lang.string无法强制转换为com.facebook.react.uimanager.accessibility DelegateUtil $ accessibilityRole

错误按钮


我的简单代码

import React, { Component } from "react";
import { StyleSheet, TextInput, View, Button, Text } from "react-native";

export default class App extends Component {
  state = {
    placeName: ""
  };

  placeNameChangeHandler = val => {
    this.setState({
      placeName: val
    });
  };

  onPressLearnMore = () => {
    alert("Pressed");
  };

  render() {
    return (
      <View style={styles.container}>
        <Button
          onPress={this.onPressLearnMore}
          title="Learn More"
          color="#841584"    
        />

        <TextInput
          style={{
            width: 300,
            borderBottomWidth: 1,
            borderBottomColor: "#333"
          }}
          placeholder="Enter Name.."
          value={this.state.placeName}
          onChangeText={this.placeNameChangeHandler}
        /> …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native redux

12
推荐指数
1
解决办法
3219
查看次数

如何在一个屏幕而不是整个应用程序中处理退出应用程序 - React Native?

我对BackHandler有一些问题,问题是

当运行应用程序并转到比方说注册屏幕并触摸我手机的背面时,他们将运行该功能并显示警报以进行确认,但是现在当我转到任何其他屏幕并触摸背面时,我需要每次返回 BackHandler.exitApp() 就回到上一个屏幕;运行,虽然我写如果路由名称是注册只是退出应用程序而不是其他屏幕

这是我的代码

报名

    import React from "react";
    import {
      Text,
      TextInput,
      ActivityIndicator,
      View,
      KeyboardAvoidingView,
      ScrollView,
      Image,
      TouchableOpacity,
      BackHandler,
      Alert
    } from "react-native";
    export default class signUp extends React.Component {
      constructor(props) {
        super(props);

      }

      componentDidMount() {
        BackHandler.addEventListener("hardwareBackPress", this.backPressed);
      }

      componentWillUnmount() {
        BackHandler.removeEventListener("hardwareBackPress", this.backPressed);
      }
      backPressed = () => {
    let { routeName } = this.props.navigation.state;
    console.log("route is :  " + routeName);

    if (routeName == "SignUp") {
      console.log("ROUTE :  " + routeName);
      Alert.alert(
        "Exit App",
        "Do you …
Run Code Online (Sandbox Code Playgroud)

javascript android reactjs react-native react-navigation

6
推荐指数
2
解决办法
9210
查看次数

如何在基于 Firebase 的 React Native 应用程序中获取附近用户的列表?

我正在开发一个基于Maps的应用程序,以 React Native 和 Firebase 作为后端,并且我被附近的用户功能所困扰,我正在使用 React Native 地图进行地理定位,并使用 React Native Firebase。

现在在我的应用程序中,我有两种类型的用户(最终用户,提供商),注册时我保存了有关他们的数据包含他们的位置(纬度,经度),目前我正在使用最终用户应用程序,并且我保存一些有关提供商(位置)的伪造数据,并且我不知道如何获取我所在位置附近的所有提供商,

这是我的数据库 [提供商]

提供者

这是我的代码,用于向用户获取当前位置,我尝试了一些查询来获取附近的提供商,但现在是秋天:(,我可以轻松获取所有提供商,但对附近的机器人进行操作,所以..

import React, { Component } from 'react';
import MapView, { Marker } from 'react-native-maps';
import { View, Text, StyleSheet, Dimensions, PermissionsAndroid } from 'react-native';

let { width, height } = Dimensions.get('window');

const LATITUDE = 50.78825;
const LONGITUDE = 51.4324;
const LATITUDE_DELTA = 0.0922;
const LONGITUDE_DELTA = 0.0421;

class Map extends Component {
    constructor(props) {
        super(props);
        this.state …
Run Code Online (Sandbox Code Playgroud)

javascript firebase reactjs react-native firebase-realtime-database

5
推荐指数
0
解决办法
2458
查看次数

如何使用 React Native 启用 Proguard?

我想减少我的 APK 大小我遵循了这些https://facebook.github.io/react-native/docs/signed-apk-android
并运行 ./gradlew bundleRelease 而不是 assembleRelease 但我有错误

任务“:app:transformClassesAndResourcesWithProguardForRelease”执行失败。作业失败,

那么我该如何解决它,我是谷歌,但问题仍然存在!但是如果没有启用 Proguard,它的工作非常好,我得到了 (Aab & .Apk) SO 如何解决它!

我认为这个文件有问题,但我不知道如何配置它!

proguard-rules.pro


# If your project uses WebView with JS, uncomment the following
# and specify the fully qualified class name to the JavaScript interface
# class:
#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
#   public *;
#}

Run Code Online (Sandbox Code Playgroud)

包.json

{
  "name": "APP_NAME",
  "version": "1.12.3",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "@react-native-community/async-storage": "^1.4.2",
    "@turf/distance": "^6.0.1",
    "@turf/helpers": "^6.1.4",
    "@turf/invariant": "^6.1.2", …
Run Code Online (Sandbox Code Playgroud)

javascript android react-native react-native-android

2
推荐指数
1
解决办法
8553
查看次数

如何设置图像在反应导航中采用带标题的全尺寸屏幕?

我的屏幕包含图像,并且我想拍摄带标题的全尺寸屏幕?

我只是使用position: "absolute",但它无法包装标题,而且我无法使用,header: null因为我希望出现后退按钮!

那么我该如何处理这个问题呢?

我得到什么

背景

我想要的是

背景2

提前致谢。

javascript reactjs react-native react-native-ios react-navigation

1
推荐指数
1
解决办法
3788
查看次数