Question

尝试在 react-native 中使用按钮时出错

2018-10-12

2468

react-native

在编写一个简单的 react-native 程序时，我无法让 <Button> 组件工作。我在 react-native run-android 之后总是收到的错误是

java.lang.String cannot be cast to com.facebook.react.uimanager.AccessibilityDelegateUtil$AccessibilityRole

当我省略按钮时，一切都正常，我可以正常单击文本。

代码：

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button } from 'react-native';



type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
        <View style={styles.container}>

        <Button onPress={()=>console.log('hi')} title="go"/>
        <Text onPress={()=>console.log('hi')}>Welcome to React Native!</Text>

      </View>
        );
      }
 }

一些依赖项：

  "dependencies": {
 maar eens alles goed staat hoop ik gewoon dat de miserie gedaan is, cf   "react": "16.6.0-alpha.8af6728",
    "react-native": "0.57.3"
  },

Answer 1

我刚刚在 0.55 版本上测试了您的代码。它完全正确并且运行良好。我可能在您的 react-native 版本上遇到了错误。

初始化较低版本

react-native init --version="[email protected]" YOUR_APP_NAME

在此之前也尝试一下

<Button
    onPress={() => alert('hi')}
    title="Press Me"
 >
   Press Me
</Button>

Answer 2

react-native 0.57.4 的新版本现已发布。请更新您的 react native 版本。我已测试新版本，现在运行良好。

希望它也适合您！:)