Tag: react-native
Reagieren Native können Sie erstellen mobile apps mit nur JavaScript. Es verwendet das gleiche design wie Reagieren, lassen Sie verfassen eine rich mobile-UI von deklarativen Komponenten.
Der Fokus Reagieren Native ist über die Entwickler-Effizienz auf allen Plattformen, die Sie interessieren – lernen, einmal schreiben, überall.
Reagieren Native: Bestimmen der Anzahl der Zeilen von Text-Komponente
3 Antworten
Wie der Titel sagt, ich habe versucht, einen Weg zu finden, um zu bestimmen, die Anzahl der Zeilen, die text-Komponente NACH bestimmten text. Blick auf mein Beispiel unten. <Text> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Linear-Gradient Reagieren-Native
3 Antworten
Habe ich eine Komponente und ich möchte einen linearen Verlauf von rechts unten nach Links oben in reagieren nativen, ich habe versucht, mit Hilfe von 'reagieren-native-linear-gradient', aber es funktioniert nicht. Komponente : //render Rückkehr return( <LinearGradient colors={['#4c669f',
ReactJS onChange-Funktion
2 Antworten
Wohin gehe ich falsch mit meiner onChange-Funktion? Ich möchte in der Lage sein zu geben in meine textbox, aber ich bekomme die Konsole folgenden Fehler, wenn ich kompilieren: **Uncaught TypeError: Cannot read property 'value' of undefined** Siehe
Scherz-snapshot testen: wie zu ignorieren, Teil der snapshot-Datei im Scherz Testergebnisse
2 Antworten
Problem: ignoriert einen Teil des .snap-Datei-test-Ergebnisse hier die Frage: es gibt einige Komponenten in meinem test, der random-Werte und ich weiß nicht wirklich, zu testen. gibt es eine Möglichkeit zu ignorieren, Teil meiner X. snap-Datei? also bei
Übergeben von Funktionen zwischen Komponenten Reagieren und Reagieren Nativen
2 Antworten
Ich versuche zu migrieren, ein Prototyp, den ich begann in ReactJS zu Reagieren Nativen. Einfach genug, so weit, bis ich begann zu migrieren einer Kontext-Funktion gehalten, die auf eine Verpackung-Komponente. Für das Leben von mir ich kann
Relais vs Redux vs Apollo mit GraphQL und Reagieren-Native
1 Antworten
Habe ich zu Beginn einer neuen (web + native) Projekt (mid-size-app) von Grund auf neu. Aufgrund der fülle von JS-frameworks und Umsetzung gibt es insbesondere in den letzten paar Jahren, ich habe eine Sekunde Zweifel auf meiner
Reagieren Native: was ist der richtige Weg, um pass-Stil Requisiten, bei Verwendung von spread-operator auf die Kind-Komponente
2 Antworten
Dies ist mein Komponente A: const GenericTextInput = (props) => { return ( <TextInput style={styles.input} {...props} /> ); }; Dies ist mein Komponente B: const SignIn = (props) => { return ( <View> <GenericTextInput placeholder="Email" autoFocus={true} keyboardType="email-address"
Die Kommunikation Zwischen Komponenten, Reagieren die Einheimischen?
2 Antworten
Hier ist meine reagieren-native-code: <NavigatorIOS ref='nav' style={styles.container} initialRoute={{ title: 'List', component: TaskList, rightButtonTitle: 'new', onRightButtonPress: () => { this.refs.nav.push({ title: 'Add Task', component: AddTask }); } }} /> Wie kann ich push-einige Meldungen aus dem AddTask Komponente
ComponentDidCatch funktioniert nicht
2 Antworten
Warum componentDidCatch funktioniert nicht in meinem reagieren native app. componentDidCatch nicht der Fehler behandelt. React native v: 50.3 React: 16.0.0 JS: import React, {Component} from 'react'; import {View, Text} from 'react-native'; import Logo from './SignUpInit/Logo'; import SignUp
FlatList numColumns scheint nicht zu funktionieren, richtig?
2 Antworten
Ich versuche, eine FlatList zu zeigen, ein paar user Avatare jemand in einem raster-format, aber es endet auf der Suche sehr seltsam, und ich kann nicht scheinen, um herauszufinden, wie es zu lösen ist. Hier ist, wie
Objekte Reagieren Nativen
1 Antworten
Ich habe ein Stück text und jedes mal, wenn Sie auf Sie klicken, ändert sich der text auf das nächste Element in das Objekt. Ich brauche auch die Namen der eine sagt den text, so habe ich
Fehler: Fehlende app.json. Fehler in Expo XDE
2 Antworten
Habe ich entwickelten eine app mit React native, jetzt habe ich Umgerechnet um die expo mit exp convert. Ich habe alle änderungen an Ordner, die müssen (indem Sie die folgenden Schritte in expo-next-steps.txt) aber wenn ich mit
die Bündelung ist fehlgeschlagen: Error: Cannot find module 'babel-preset-reagieren-native-stufig-0/Lackierer-Unterstützung'
5 Antworten
Immer diese Fehlermeldung nach dem drücken und das Klonen von bitbucket, bereits bestehenden Projekt läuft gut, nach dem Klon von bitbucket hast npm install und .babelrc Datei existiert im root-Verzeichnis. { "presets": [ "babel-preset-react-native-stage-0/decorator-support" ], "env": {
Wie bekomme ich den status meiner Reaktion, wenn mit fetch in reagieren-native?
1 Antworten
Ich meine Log-In-Seite für meine reagieren nativen Anwendung. Meine api sendet unterschiedliche Reaktion, wenn meinen Benutzernamen und mein Passwort sind ungültig und unwirksam. Also will ich das verfolgen und speichern der status meiner Antwort in einigen state-variable
Mit react native-Kamera, wie der Zugriff auf gespeicherte Bilder?
1 Antworten
Mein Ziel ist, das reagieren-native-Kamera und zeigen einfach ein Bild auf dem gleichen Bildschirm, wenn ein Bild gemacht wurde. Ich werde versuchen, speichern Sie das Bild als Quelle "imageURI". Wenn es vorhanden ist, möchte ich es zeigen,
Wie fügen Sie neue props dynamisch, um die Komponente verwenden von navigator in Reagieren Nativen
1 Antworten
In meinem Szenario bin ich die rendering-Komponente verwenden von navigator. In dieser Komponente von der ich einige Aktionen wie speichern Sie die Aufnahme dann habe ich einen neuen prop dynamisch an die vorhandene Komponente. Aber hier die
How to get response-header reagieren nativen android?
3 Antworten
Hallo, ich möchte get-response-header nach der fetch-POST-Anfrage. Ich habe versucht zu Debuggen, um zu sehen, was im inneren response mit console.log(response). Kann ich als Antwort bekommen Körper aus responseData aber ich habe keine Ahnung, wie man die
Wie richten Sie eine Komponente nach Links und andere nach rechts (Ende der Seite) reagieren die einheimischen?
1 Antworten
Mache ich eine app Reagieren Muttersprache, und ich will richten Sie einen Kreis mit dem Ende der Seite. Ich das machen will: Aber es ist derzeit so und nur so bleibt: Vollständige Ansicht: [ Ich habe bereits
TypeError: undefined ist kein Objekt (Evaluierung dieser.text')
1 Antworten
Beim laufen App PutainDeBiere (http://putaindecode.io/fr/articles/js/react/native/introduction/) auf Android-emulator, bekomme ich diesen Fehler : TypeError: undefined ist kein Objekt (Evaluierung dieser.text') in ..\node_modules\whatwg-fetch\zu Holen.js:296:18 die Ausführung dieser : this.json = function() { return this.text().then(JSON.parse) } Ich dieses Beispiel auf
Verknüpfung von Karte, Reagieren Nativen
2 Antworten
Ich bin mit RN 0.20 für iOS. Ich möchte einen link, wo, wenn Sie auf diesen link klicken, wird es leiten Sie auf der Karte die apps im Telefon mit seiner koordinieren. Dies ist, was ich getan
Zwietracht mobile app wirklich gebaut mit react native?
3 Antworten
In der Vitrine https://facebook.github.io/react-native/showcase.html es zeigt Zwietracht. Es ist wirklich gebaut, reagieren die einheimischen? Ich konnte nicht finden, dass jeder blog/Artikel zu diesem Thema. Die app sieht auch schön gebaut werden, mit react native. Ich bin daran
reagieren nativen berührbare highlight und greifbar native feedback für meine Menü-Elemente
3 Antworten
Ich versuche zu realisieren eine grundlegende Schublade, aber ich bin verwirrt durch die Dokumentation. Es ist ein TouchableHighlight, und es ist ein TouchableNativeFeedback. TouchableNativeFeedback ist nur für Android. Also, wie kann ich am besten mit meinen MenuItem
Reagieren Native : Ändern Sie gezielte sdk-version für den play store hochladen
3 Antworten
In Play Store ich versuche zum hochladen meiner app, aber ich bekomme eine Warnung, d.h., die unten erwähnt werden: Ziel-API-level-Anforderungen ab August 2018 Warnung: Ihre app derzeit Ziele API level 22 und muss Ziel mindestens API level
So ändern Sie die switch-Komponente, Größe, Reagieren die Einheimischen?
4 Antworten
So ändern Sie die switch-Komponente, Größe, Reagieren die Einheimischen? <Switch onValueChange={this._changeReciveNotice.bind(this)} value={this.state.isReciveNotice} style={{width:20,height:10}}/> dieser Stil-code nicht Effekt InformationsquelleAutor alucard.g | 2016-09-21
Reagieren-Native Aufzählungen mithilfe von flex-wrap
2 Antworten
Ich versuche zum erstellen einer Aufzählung, die wie folgt aussieht: Aber ich bin am Ende mit diesem statt: Reagieren,-Muttersprachler scheint nicht, wie mein Gebrauch von verschachtelten flex-Boxen. Aber ich bin mir nicht sicher, wie ich das Ausdrücken
So finden Sie x,y-position der Komponente Reagieren nativen
2 Antworten
Wie finde ich die x,y-position, wo ein element auf dem Bildschirm positioniert, ich bin mit React Native v0.14. Ich habe Folgendes versucht, aber es sagt, Maßnahme ist nicht eine Funktion. componentDidMount() { setTimeout(this.measurePosition); }, measurePosition() { this.refs.q.measure((a,
Wie zu verwenden substring in, Reagieren die Einheimischen?
2 Antworten
Wie substring-Methode Reagieren die einheimischen? Ich habe versucht, alle Methoden, die weiter unten aufgeführt werden, aber keine Methode hat funktioniert. substring, slice, substr haben Sie versucht, substring? Ich habe versucht, es zum Absturz zu bringen : TypeError:
Hot neu Laden funktioniert nicht im reagieren-native android
6 Antworten
Versuchte ich es auf windows 10 und Ubuntu 16.04. In beiden Fällen ist die Hot-Reload funktioniert nur mit änderungen in jsx, aber nicht, wenn ich eine variabel oder eine Funktion oder etwas anderes in javascript. Die Hot-Reload
Reagieren-native decodiert base64-codierte string
3 Antworten
Ich versuche, Sie zu decodieren base64-kodierten string token reagieren nativen, atob nicht funktionieren, und Bibliothek, wie js-base64-das problem nicht lösen. Jemand eine Lösung ? InformationsquelleAutor user3703539 | 2017-01-22
Wie man richtig getItem mit AsyncStorage in, Reagieren die Einheimischen?
1 Antworten
Mein Aktuelles Projekt von mir verlangen, zum speichern von user-Daten lokal, So dass ich die AsyncStorage aus, reagieren die einheimischen selbst. Ich habe jedoch einige Probleme auf, wie zum abrufen von bereits gespeicherten Daten, ich bekomme immer
Reagieren Native: Richtig scrollen in der horizontalen FlatList mit Element Separator
2 Antworten
ReactNative: v0.52.0 Plattform: iOS Meine FlatList code: <FlatList horizontal pagingEnabled={true} showsHorizontalScrollIndicator={false} legacyImplementation={false} data={this.props.photos} renderItem={item => this.renderPhoto(item)} keyExtractor={photo => photo.id} ItemSeparatorComponent={this.itemSeparatorComponent} /> Element separator-code: itemSeparatorComponent = () => { return <View style = { { height: '100%', width:
Bilder Vorausladen, bevor Sie navigieren zu Komponente
1 Antworten
Dies ist mehr eine konzeptionelle Frage, aber ich bin nicht sicher, die genaue Art und Weise, es zu lösen. Ich habe eine Komponente, die ich herunterladen möchten Bilder von, aber ich möchte in der Lage sein, um
reagieren-native app.js index.js
1 Antworten
Ich bin neu in der Anwendungsentwicklung mit Reagieren-native. Beim erstellen eines Projekts mit dem Befehl react-native init appname die index.js - Datei wird auch erstellt, im Projekt-Ordner. Heute habe ich gelernt, dass es einen besseren Weg gibt
Flex React Native — Wie der content Pause zur nächsten Zeile mit flex, wenn Sie Inhalte an edge
1 Antworten
Habe ich eine Liste von icons in meinem Stil container, die angezeigt werden, in eine flexDirection:'row' aber wenn es mehr icons, als die Breite der Ansicht, dass Sie nicht brechen zur nächsten Zeile, sondern weiter nach rechts
Nicht zur Arbeit mit React Native Asynchrone Speicher
3 Antworten
Ich habe Schwierigkeiten mit der Arbeit mit react native asynchrone Speicher. Die meisten der Zeit, mein code springt, die aktuelle Ausführung und geht zu der nächsten Zeile, ohne dass die Ergebnisse aus der aktuellen Zeile. Ich bin
Nicht aufrufen kann eine Klasse wie eine Funktion, Reagieren router zeigen den Fehler in der Konsole wenn ich mit es6-format
3 Antworten
Im mit reagieren router-Erweiterung zu definieren, reagieren Strecken in meiner Anwendung. jedes Ding in Ordnung arbeiten, aber das Problem ist, dass wenn ich es6-syntax zu definieren Klasse App.js als index.js "nicht aufrufen kann eine Klasse wie eine
Authentifizierung mit React Native und API-backend
1 Antworten
Ich versuche, wickeln Sie meinen Kopf herum, oauth mit einem Reagieren Nativen app und einer separaten NodeJS - /Express-API-backend. Ich verstehe https://github.com/adamjmcgrath/react-native-simple-auth bietet die Authentifizierung für ein Reagieren Nativen app und http://passportjs.org/ bietet Authentifizierung für eine NodeJS-backend.
Wie Sie zoom in/out reagieren-native-Karte?
2 Antworten
Ich bin mit reagieren-native zu bauen, eine map-Anwendung. Die api die ich verwende, ist von diesem link: https://github.com/lelandrichardson/react-native-maps. Unten ist der code bringe ich die Karte auf meinem app. Ich Wandere, wie kann ich geben Sie einen
Downloaden und speichern Sie Bilder für die offline-Nutzung Reagieren Nativen
1 Antworten
Ich bin in den Prozess der Erstellung einer iOS-Anwendung, wird, wenn Sie dazu aufgefordert werden durch den Benutzer, Holen einen großen JSON-Datei mit den Bild-URLs. Wie kann ich laden Sie diese Bilder, so dass Sie verfügbar sein
Reagieren-native: Super-Ausdruck muss entweder null sein oder eine Funktion, die nicht undefined
4 Antworten
Ich habe ähnliche Fragen gestellt, aber ich kann nicht scheinen, um zu erkennen das problem. Ich bin mit react native v 0.27 Ich habe alles geändert, mein verlangen-Methoden in Importe. Hier ist die Fehlermeldung die ich erhalte:
Wie öffne ich reagieren-native dev-Menü auf einem echten Gerät
5 Antworten
Habe ich gesehen, bereits eine Reihe von Grenz Fällen und strange-Entwickler-Schnittstelle. Aus der "schütteln Sie Ihr Gerät", das ist wirklich unpraktisch, speziell mit einem tablet Zu arbeiten rund um Android studio zu simulieren-Taste drücken. Gibt es eine
Reagieren Nativen, NavigatorIOS, undefined ist kein Objekt (Evaluierung dieser.Requisiten.navigator.push')
2 Antworten
Ich versuche zu verwenden NavigatorIOS also in meinem index.ios.js ich habe: 'use strict'; var React = require('react-native'); var Home = require('./App/Components/Home'); var { AppRegistry, StyleSheet, NavigatorIOS } = React; var styles = StyleSheet.create({ container:{ flex: 1, backgroundColor:
Fehler auf Bild laden, auf Reagieren-native: Unexpected character
7 Antworten
Ich werde versuchen, die Anzeige eines Bildes auf eine Komponente Reagieren,-Muttersprachler, aber ich weiß nicht, warum dieser Fehler passiert... Beispiel-code: render () { let { convenience } = this.props return ( <View style={{flexDirection: 'row', height: 50}}> <Text
Wie kann ich erklären, ein PropType entsprechend eine null-Nummer?
4 Antworten
Ich bin auf der Suche nach einem PropType das bedeutet, dass "dies ist erforderlich, und es wird entweder eine Zahl oder null sein" In anderen Worten, was ich jetzt haben, ist PropTypes.number.isRequired aber das wirft eine Warnung,
Programmatisch neu Starten, Reagieren Nativen App
5 Antworten
Ist es möglich, programmgesteuert neu starten, Reagieren Nativen app ohne das schreiben von nativen code? Zum Beispiel, ich weiß aus der Antwort auf diese Frage, dass ich starten Sie eine Android-app mit: Intent i = getBaseContext().getPackageManager() .getLaunchIntentForPackage(
setNativeProps Verändern Sie den Wert für die Text-Komponente Reagieren Nativen Direkte Manipulation
4 Antworten
Möchte ich direkt den Wert aktualisieren einer Komponente aufgrund von performance-Gründen. render(){ <View> <Text style={styles.welcome} ref={component => this._text = component}> Some Text </Text> <TouchableHighlight underlayColor='#88D4F5' style={styles.button}> <View> <Text style={styles.buttonText} onPress={this.useNativePropsToUpdate.bind(this)}> Iam the Child </Text> </View> </TouchableHighlight> </View>
Zeichenabstand auf React Native - Android
3 Antworten
Ich bin mit React Native 0.29 mit Android emulator (API Level 23). Ich bin versucht zu erreichen letterSpacing auf Text Komponente. Aber es scheint funktioniert nicht auf Android. Die offizielle Dokumentation sagt, dass es funktioniert nur bei
Wie die reagieren,-Muttersprachler Picker Aufenthalt im neu gewählten option?
2 Antworten
Habe ich ein picker, ich bin testing auf iOS jetzt mit zwei Optionen. Jedes mal, wenn ich nach unten ziehen aus der ersten option auf die zweite option, der Kommissionierer sofort wieder auf die erste option. Dies
Hinzufügen Grenze nur auf einer Seite <Text/> Komponente Reagieren Native (iOS)
2 Antworten
Ich bin vor etwas seltsames Problem mit Reagieren-Native <Text/> Komponente in iOS. Wollte ich anwenden borderBottomWidth Stil in <Text/> Komponente, aber es hat NICHT funktioniert. Jedoch, die borderWidth option gearbeitet. Gearbeitet <Text style={{borderWidth:1}}> React Native </Text> NICHT
erstellen Sie timer mit react native Verwendung von es6
3 Antworten
Ich bin auf der Suche hinzufügen, einen timer, um meine app, die aufgebaut ist mit react native. Ich habe mir den link zu der timer-mixin in der Dokumentation allerdings habe ich gebaut, der rest der app mit