Javascript 将“添加”按钮添加到我的React本机应用程序时出错?

Javascript 将“添加”按钮添加到我的React本机应用程序时出错?,javascript,reactjs,react-native,redux,Javascript,Reactjs,React Native,Redux,**我有一些问题时,添加只是按钮** 在应用程序中,这就是错误所在 无法将java.lang.string转换为 com.facebook.react.uimanager.accessibility DelegateUtil$accessibilityRole 我的简单代码 import React, { Component } from "react"; import { StyleSheet, TextInput, View, Button, Text } from "react-nat

**我有一些问题时,添加只是按钮**

在应用程序中,这就是错误所在

无法将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}
        />
      </View>
    );
  }
import React,{Component}来自“React”;
从“react native”导入{样式表、文本输入、视图、按钮、文本};
导出默认类应用程序扩展组件{
状态={
地名:“
};
placeNameChangeHandler=val=>{
这是我的国家({
地名:瓦尔
});
};
onPressLearnMore=()=>{
警惕(“按下”);
};
render(){
返回(
);
}

这是
react native version 0.57.3
中的一个bug,因此将
react native
版本降级到
0.57.1
将是一个解决办法

将package.json中的react本机版本显式更改为
0.57.1
,而不是
^0.57.1

并删除
node\u模块
文件夹

那就做吧

npm i

检查有关此问题的更新

是的,这是
react native 0.57.3
中的一个bug,但是
react native 0.57.2
有自己的问题

因此,您必须降级到
react native 0.57.1
,这样更稳定一些

在项目根目录的命令提示符中执行以下操作(这些步骤将安装此版本的某些缺失的依赖项):

1) 删除您的
node_modules
目录(在windows中的命令:
rmdir node_modules/s

2)
npm i-S反应-native@0.57.1

3)
npm add@babel/runtime

4)
npm i-Dschedule@0.4.0

5)
npm i

现在您可以安全地运行
react native run android
react native run ios


希望这对你有用(就像对我一样)。

所以如果你删除
按钮,你的代码正常工作吗?@三思而后行,我知道这没有关系!但这就是我展示的!@JoseVf是的!这是工作,就是这样weird@Gha您使用的是哪个版本的react-native?@请三思“react-native”:“0.57.3”同样的错误,我的朋友!!,这是突然发生的。请检查屏幕截图url@Gha删除节点\模块文件夹,然后删除npmi@Gha检查此解决方案此处发布的相同问题是删除了它们和npm i,但尝试“react native run android”时我构建应用程序失败,我检查了问题,但我不使用Andriod Studio,我使用Genymotion Emulator WTF!现在可以了:/总之,谢谢你,兄弟,我有一个问题,在没有上一个版本的情况下,初始化新项目的正确命令是什么?我做了这样的事情**react native init myApp react-native@0.57.1**,但不起作用,请初始化最新版本0.57.3!您应该添加[VERBOSE]这样的内容:eeact native init myApp react native——版本0.57。1@Gha欢迎您!如果您想创建具有特定版本(例如0.57.1)的新项目您可以运行
react native init projectName--version@0.57.1
@AliRadmanesh谢谢,我在安装react navigation时遇到了一些问题,我遇到了错误“开发服务器返回了响应代码:500”这是什么?@Gha您的问题不在本主题的范围内。您可以在stackoverflow中提出另一个问题。但在此之前,请确保搜索您的错误。祝您好运!