web-dev-qa-db-ja.com

React Native App？

**ボタンだけを追加すると問題が発生します!! **

そして、アプリのエラーです

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>
    );
  }
javascriptreactjsreact-nativeredux
12
DevAS

ええ、それは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 [email protected]

3）npm add @babel/runtime

4）npm i -D [email protected]

5）npm i

これで、react-native run-Androidまたはreact-native run-iosを安全に実行できます。

これがあなたのために働くことを願っています（私にとってもそうです）.

31
Ali Radmanesh

react-native version 0.57.3のバグであるため、react-nativeバージョンを0.57.1にダウングレードすると回避策になります

Package.jsonの反応ネイティブバージョンを、0.57.1ではなく^0.57.1に明示的に変更します。

node_modulesフォルダーを削除します

それから

npm i

here をチェックして、問題に関する更新を確認します

4
Hemadri Dasari