Als «react-native» getaggte Fragen

React native ist eine JavaScript-Bibliothek, mit der native mobile Apps mit React erstellt werden. Der Fokus von React Native liegt auf der Entwicklereffizienz auf allen Plattformen, die Sie interessieren - einmal lernen, überall schreiben.

10
Wie deaktiviere ich die Rotation in React Native?
Ich möchte nur die Porträtansicht unterstützen. Wie kann ich eine React Native-App so einstellen, dass sie nicht automatisch gedreht wird? Ich habe versucht, nach Dokumentationen und Github-Problemen zu suchen, fand aber nichts hilfreiches.
104 ios  react-native 
4
Native reagieren: View onPress funktioniert nicht
Ich stehe vor einem seltsamen Problem. Wenn ich in meiner reaktiven nativen App ein onPressEreignis auf " ViewEs" gesetzt habe , wird es nicht ausgelöst, aber wenn ich dasselbe auf " TextInnen" setze , wird es ausgelöst View. Was fehlt mir hier? <View style={{backgroundColor: "red", padding: 20}}> <Text onPress={()=> { …
12
Wie kann ich Netzwerkanforderungen (zum Debuggen) in React Native anzeigen?
Ich möchte meine Netzwerkanforderungen in React Native anzeigen, um das Debuggen zu erleichtern - idealerweise auf der Registerkarte "Netzwerk" der Chrome-Devtools. Es gibt einige geschlossene Probleme auf GitHub ( https://github.com/facebook/react-native/issues/4122 und https://github.com/facebook/react-native/issues/934 ), aber ich weiß nicht Ich verstehe sie nicht ganz. Es hört sich so an, als müsste ich …
13
Senden Sie eine x-www-form-urlencodierte Anfrage von React Native
Ich habe einige Parameter, die ich formularcodiert auf meinen Server POSTEN möchte: { 'userName': 'test@gmail.com', 'password': 'Password!', 'grant_type': 'password' } Ich sende meine Anfrage (derzeit ohne Parameter) so var obj = { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', }, }; fetch('https://example.com/login', obj) .then(function(res) { // Do stuff with result …
16
Warnung: Jedes Kind in einem Array oder Iterator sollte eine eindeutige Schlüsselstütze haben. Überprüfen Sie die Rendermethode von "ListView"
Ich habe eine App mit ReactNative sowohl für iOS als auch für Android mit einem erstellt ListView. Wenn Sie die Listenansicht mit einer gültigen Datenquelle füllen, wird am unteren Bildschirmrand die folgende Warnung angezeigt: Warnung: Jedes Kind in einem Array oder Iterator sollte eine eindeutige "Schlüssel" -Stütze haben. Überprüfen Sie …
10
Reagieren Sie auf native globale Stile
Ich bin neu in React und verstehe die Vorteile der komponentenbasierten Inline-Stile. Aber ich frage mich, ob es einen vernünftigen Weg gibt, einen globalen Stil zu haben. Zum Beispiel möchte ich in meiner App dieselbe Text- und Schaltflächenfarbe verwenden. Anstatt in jeder Komponente zu wiederholen (und sie anschließend bei Bedarf …
4
Reagiere auf den nativen Randradius mit der Hintergrundfarbe
In React Native, borderRadius aber die Hintergrundfarbe der Schaltfläche bleibt ein Quadrat. Was geht hier vor sich? JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text style={[this.getFontSize(),styles.submitText]}>Submit</Text> </TouchableHighlight> Stil ... submit:{ marginRight:40, marginLeft:40, marginTop:10, }, submitText:{ paddingTop:20, paddingBottom:20, color:'#fff', textAlign:'center', backgroundColor:'#68a0cf', borderRadius: 10, borderWidth: 1, borderColor: '#fff' }, ...
10
Wie zeige ich eine SVG-Datei auf React Native?
Ich möchte SVG-Dateien anzeigen (ich habe eine Reihe von SVG-Bildern), aber das, was ich nicht zeigen konnte. Ich habe versucht, Image and Use- Komponenten von react-native-svg zu verwenden, aber damit funktionieren sie nicht. Und ich habe versucht, das auf native Weise zu tun, aber es ist wirklich harte Arbeit, nur …
16
Zeichnen Sie eine horizontale Regel in React Native
Ich habe das React-Native-HR- Paket ausprobiert - funktioniert weder für mich noch für Android oder iOS. Der folgende Code ist ebenfalls nicht geeignet, da am Ende drei Punkte gerendert werden <Text numberOfLines={1}}> ______________________________________________________________ </Text>
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.