将按钮添加到我的本机应用程序时出现错误?

时间:2018-10-12 17:44:47

标签: javascript reactjs react-native redux

**仅添加Button时会遇到一些问题!! **

,而在应用程序中就是错误

  

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

Error Button


我的简单代码

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>
    );
  }

2 个答案:

答案 0 :(得分:31)

是的,这是size=>1中的错误,但是$array有其自身的问题!

因此您必须降级为react-native 0.57.3,这会更加稳定!

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

1)删除您的react-native 0.57.2目录(命令:在Windows中为react-native 0.57.1

2)node_modules

3)rmdir node_modules /s

4)npm i -S react-native@0.57.1

5)npm add @babel/runtime

现在您可以安全地运行npm i -D schedule@0.4.0npm i

希望这对您有效(就像对我一样)。

答案 1 :(得分:4)

这是react-native version 0.57.3中的错误,因此将react-native版本降级为0.57.1是解决方法

将package.json中的react-native版本更改为0.57.1,而不是^0.57.1

并删除node_modules文件夹

然后做

npm i

检查here中有关该问题的更新