La programmation react-native

4

React Native: View onPress ne fonctionne pas

Je suis confronté à un problème étrange. Dans mon application native react, si je mets un onPressévénement sur Viewcelui-ci, il n'est pas déclenché mais si je le mets à l' Textintérieur View, il se déclenche. Qu'est-ce que j'oublie ici? <View style={{backgroundColor: "red", padding: 20}}> <Text onPress={()=> { console.log('works'); } }>X</Text> …

104 react-native react-native-android

7

Exécuter une application native react sur un appareil iOS directement à partir de la ligne de commande?

Est-il possible d'exécuter une application native react-native sur un appareil iOS directement à partir de la ligne de commande comme nous le faisons sur un simulateur avec react-native run ios --simulator "iPhone 5s"?

104 ios react-native

6

Comment récupérer les données d'un fichier JSON local sur React Native?

Comment puis-je stocker des fichiers locaux tels que JSON, puis récupérer les données du contrôleur?

103 json react-native local-files

9

Comment stylisez-vous un TextInput dans React Native pour la saisie de mot de passe

J'ai un TextInput. Au lieu d'afficher le texte réel saisi, je souhaite qu'il affiche des astérisques (****) lorsque l'utilisateur entre du texte. Comment puis-je faire ceci? <TextInput style={{ height: 40, borderColor: 'gray', borderWidth: 1 }} onChangeText={(text) => this.setState({input: text})} />

103 react-native

12

Comment afficher le fichier SVG sur React Native?

Je veux afficher des fichiers svg (j'ai un tas d'images svg) mais je n'ai pas trouvé le moyen de le montrer. J'ai essayé d'utiliser les composants Image et Use de react-native-svg mais ils ne fonctionnent pas avec ça. Et j'ai essayé de le faire de manière native, mais c'est vraiment …

103 javascript svg react-native

12

Comment afficher les demandes réseau (pour le débogage) dans React Native?

J'aimerais afficher mes demandes réseau dans React Native pour m'aider à déboguer - idéalement dans l'onglet `` Réseau '' des outils de développement de Chrome. Il y a quelques problèmes résolus à ce sujet sur GitHub ( https://github.com/facebook/react-native/issues/4122 et https://github.com/facebook/react-native/issues/934 ) mais je ne le fais pas ' t les …

102 javascript google-chrome-devtools react-native

10

Styles globaux React Native

Je suis nouveau avec React et je comprends les avantages des styles en ligne basés sur des composants. Mais je me demande s'il existe un moyen décent d'avoir une sorte de style global. Par exemple, j'aimerais utiliser la même coloration de texte et de bouton dans mon application. Plutôt que …

98 react-native

9

Rendre la vue 80% de la largeur du parent dans React Native

Je crée un formulaire dans React Native et je voudrais rendre mon TextInputs 80% de la largeur de l'écran. Avec HTML et CSS ordinaire, ce serait simple: input { display: block; width: 80%; margin: auto; } Sauf que React Native ne prend pas en charge la displaypropriété, les largeurs en …

98 javascript css reactjs react-native

10

Comment définir la famille de polices par défaut dans React Native?

Existe-t-il un équivalent à ce CSS dans React Native, afin que l'application utilise la même police partout? body { font-family: 'Open Sans'; } Son application manuelle sur chaque nœud de texte semble trop compliquée.

98 react-native

4

Réagir le rayon de bordure natif avec la couleur de fond

Dans React Native, borderRadiusfonctionne mais la couleur d'arrière-plan donnée au bouton reste un carré. Qu'est-ce qui se passe ici? JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text style={[this.getFontSize(),styles.submitText]}>Submit</Text> </TouchableHighlight> Style ... submit:{ marginRight:40, marginLeft:40, marginTop:10, }, submitText:{ paddingTop:20, paddingBottom:20, color:'#fff', textAlign:'center', backgroundColor:'#68a0cf', borderRadius: 10, borderWidth: 1, borderColor: '#fff' }, ...

96 javascript styles react-native

3

Absolute et Flexbox dans React Native

Je voudrais mettre une barre blanche qui prendrait toute la largeur en bas de l'écran. Pour ce faire, j'ai pensé à utiliser le absolutepositionnement avec les flexboxparamètres hérités . Avec le code suivant, il rend quelque chose comme ça . Voici mon code: var NavigationBar = React.createClass({ render: function() { …

95 javascript css react-native

1

Comment puis-je rendre le texte vertical (pivoté de 90 degrés) dans React Native?

Comment puis-je rendre <Text />vertical (rotation de 90 degrés) dans React Native? Je veux avoir du texte sur le côté droit de la page le long du bord de l'écran.

94 react-native

20

Les signatures de package ne correspondent pas à la version précédemment installée

Voici mon projet: https://github.com/kenpeter/my_hak_news , qui est une copie directe de https://github.com/grigio/HAgnostic-News . Clonez Git https://github.com/kenpeter/my_hak_news , puis exécutezreact-native run-android Vous avez cette erreur: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously …

94 android reactjs react-native

1

Comment puis-je déterminer si mon application React Native est une version de débogage ou de publication à partir de code JavaScript?

Je voudrais ajouter une interface utilisateur de débogage uniquement à mon application React Native, mais je ne trouve aucun équivalent RCT_DEBUGou RCT_DEVindicateur de compilation dans l'environnement JavaScript. Est-ce qu'il y a un? Cas d'utilisation: je souhaite ajouter une barre d'état indiquant le nombre de requêtes HTTP initiées par mon application. …

93 javascript ios react-native

4

La «position: absolue» est-elle en conflit avec Flexbox?

Je veux faire un divbâton en haut de l'écran sans aucune influence sur les autres éléments, et son élément enfant au centre. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Exécuter l'extrait de codeHide resultsDévelopper l'extrait Lorsque j'ajoute la position: absoluteligne, justify-content: centerdevient invalide. …

93 css react-native flexbox

Questions marquées «react-native»