web-dev-qa-db-fra.com

J'ai une erreur lors de l'ajout d'un bouton à mon React Native App?

** J'ai un problème lors de l'ajout de Button !! **

et dans l'application c'est l'erreur

Java.lang.string ne peut pas être converti en com.facebook.react.uimanager.accessibility DelegateUtil $ accessibilityRole

Error Button

mon code simple

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

Oui, c'est un bug dans react-native 0.57.3 mais react-native 0.57.2 a ses propres problèmes!

Vous devez donc rétrograder vers react-native 0.57.1 c'est un peu plus stable!

Effectuez les opérations suivantes dans l'invite de commande dans le répertoire racine de votre projet (ces étapes installent certaines dépendances manquées de cette version):

1) supprimez votre node_modules répertoire (commande: rmdir node_modules /s sous Windows)

2) npm i -S [email protected]

3) npm add @babel/runtime

4) npm i -D [email protected]

5) npm i

vous pouvez maintenant exécuter en toute sécurité react-native run-Android ou react-native run-ios.

j'espère que cela fonctionne pour vous (comme pour moi).

31
Ali Radmanesh

C'est un bug dans react-native version 0.57.3 donc déclassement react-native version à 0.57.1 serait la solution de contournement

Modifiez la version native de react dans package.json pour être explicitement 0.57.1, ne pas ^0.57.1

et supprimez node_modules dossier

alors fais

npm i

Vérifiez ici pour les mises à jour concernant le problème

4
Hemadri Dasari