將Button添加到我的React Native App時出現了一些錯誤？

Question

**添加按鈕時我遇到了一些問題!! **

並在應用程序中出現錯誤

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

Answer 1

是的，這是react-native 0.57.3的一個錯誤，但react-native 0.57.2有其自身的問題！

所以你必須降級到react-native 0.57.1更穩定！

在項目的根目錄中的命令提示符中執行以下操作（這些步驟安裝此版本的一些錯過的依賴項）：

1）刪除你的node_modules目錄（命令：windows中的rmdir node_modules /s ）

2） npm i -S react-native@0.57.1

3） npm add @babel/runtime

4） npm i -D schedule@0.4.0

5） npm i

現在你可以安全地運行react-native run-android或react-native run-ios 。

希望這對你有用（就像它對我有用）。

Answer 2

這是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

請在此處查看有關該問題的更新