Tag: react-navigation
Eine einfach zu bedienende navigation-Lösung verwendet werden, über zu Reagieren und Reagieren Native Projekte
https://reactnavigation.org
so navigieren Sie zu einem anderen Bildschirm, reagieren die einheimischen, wenn fetch fertig ist
1 Antworten
Ich bin neu in Reagieren Nativen und versuchen, meine erste app. Also ich habe eine Frage: Habe ich 2 Bildschirme (mit reagieren-navigation). Im ersten Bildschirm gibt es eine Darstellung von app-logo mit spinner(von native-Basis) und Holen Sie
TabNavigator-extra Polsterung
5 Antworten
Wie Stil der TabNavigator Tab height und padding? Im das tun Sie Folgendes: import Icon from "react-native-vector-icons/MaterialIcons"; const tabNav = TabNavigator({ TabItem1: { screen: MainScreen, navigationOptions: { tabBarLabel:"Home", tabBarIcon: ({ tintColor }) => <Icon name={"home"} size={20} color={tintColor}
immer Fehler gradlew.bat installDebug nach der Installation reagieren, navigation und gesten-handler
2 Antworten
Erstelle ich das neue reagieren nativen app mit dem Befehl reagieren-native-init appName. Nachdem die app erfolgreich erstellt wurde installieren Sie es in meinem Gerät, mit dem Befehl reagieren-native run-android, es erfolgreich installiert, und funktioniert einwandfrei... kein Problem
Wie mache ich ein TabNavigator-Taste a drücken modal-Bildschirm mit Navigation Reagieren
5 Antworten
Verwendung Reagieren die Registerkarte "Navigation" navigator https://reactnavigation.org/docs/navigators/tab wie mache ich einer der tab-Tasten schieben Sie den Bildschirm als Vollbild modal? Ich sehe die Stapel navigator hat eine mode=modal option. wie bekomme ich diesen Modus verwendet werden, wenn
Reagieren-native : Dynamisch update-header-Titel in der stack-navigator
3 Antworten
Ich habe eine benutzerdefinierte Komponente für Kopf-Titel(stack-navigator)zeigt die Benutzernamen zusammen mit einem Bild. Auf dieser Seite habe ich zum Bearbeiten des Benutzernamens und auf Erfolg Update im header als auch Also meine Frage ist Wie zu ändern/update-Titel
Logout mit react Native DrawerNavigator
5 Antworten
Baue ich eine Reaktion-native app(App Bild)die Logout-link auf der Schublade Navigator. Code ist wie folgt const DrawerScreen = DrawerNavigator({ .......... logout: { screen: Component }, }) export default DrawerScreen; Aber das problem ist , es ist nur
Kann nicht finden, variable: Navigieren Sie mit reagieren-navigation
3 Antworten
ich bin mit diesem einfachen code, der in der gleichen index.android.js Datei: import React, { Component } from 'react'; import { AppRegistry, Text, View, Button } from 'react-native'; import {StackNavigator} from 'react-navigation'; //First Page class FirstPage extends
Reagieren nativen klare Stack stack-Navigator
3 Antworten
Ich habe paar screens, auf denen ich navigieren Sie durch eins nach dem anderen. Screen1->prozessbild2-screen3->screen4-Home Was ich will, ist, wenn ich wieder zu Hause dann den bisherigen Verlauf der navigation sollte gelöscht werden und wieder drücken der
So ändern Sie die zurück-Taste Etikett, reagieren-navigation
2 Antworten
Ich bin mit reagieren-navigation, und ich kann nicht ändern das Gebietsschema die Standard-Schaltfläche "zurück". In meinem Stapel Navigator, wenn ich Schreibe einen Titel für die Startseite, und wenn es nicht zu lange dauert, wird es die Anzeige
Reagieren Nativen, ändern, Reagieren die Navigation header styling
5 Antworten
Ich bin Implementierung Reagieren Die Navigation in meine Reagieren Native app, und ich bin zu wollen, ändern Sie die hintergrund-und Vordergrundfarbe der Kopfzeile. Ich habe Folgendes: /** * Sample React Native App * https://github.com/facebook/react-native * @flow */
undefined ist kein Objekt (evaluating 'RNGestureHandlerModule.Zustand"
16 Antworten
Habe ich installiert reagieren-navigation in meinem Reagieren Nativen Projekt. Seine ein starter-Projekt nicht alle codes. Aber während Laufenden Projekt bin ich vor eine Fehlermeldung wie diese. Hier ist meine Navigation code import { createStackNavigator } from 'react-navigation';
Pass Requisiten StackNavigator
5 Antworten
ich versuche zu pass Requisiten auf stacknavigator, hier mein code JS: const MainCart = StackNavigator({ Cart: { screen: CartScreen }, Checkout: { screen: COScreen } /* how to pass 'myprops' in this area? */ }); export default
Reagieren die Navigation vs. Reagieren Nativen Navigation
3 Antworten
Ich möchte nur wissen, ehrliche, erfahrene und objetive Punkte der Ansicht über diese beiden soutions, die zum implementieren der navigation in Reagieren Native: Reagieren Die Navigation Reagieren Nativen Navigation Welche ist besser und warum. Dank InformationsquelleAutor Edwin
Reagieren Nativen Navigation const { Navigation } = diese.Requisiten.navigation;
2 Antworten
Lerne ich react-native navigation https://reactnavigation.org/docs/intro/ . Ich sehe in den Beispielen gibt es class HomeScreen extends React.Component { static navigationOptions = { title: 'Welcome', }; render() { const { navigate } = this.props.navigation; return ( <View> <Text>Hello,
Reagieren-Navigation: Navigieren Sie Zurück Zur Wurzel mit NavigationActions.reset, goBack und getStateForAction
5 Antworten
Sagen, ich habe navigiert durch die 4 screens in meinem StackNavigator App und jetzt möchte ich zu gehen zurück zu dem ersten Bildschirm. Es scheint drei verschiedene Möglichkeiten, dies zu tun, und Sie tun, navigieren Sie zu,
Ändern app Hintergrundfarbe Reagieren Nativen
2 Antworten
Ich versuche, ändern Sie die Farbe der hintergrund in meine reagieren native app, von Grau bis weiß. Ich bin mit reagieren-navigation, um ein TabNavigator-nachdem ich es Rendern. Ich habe dieses TabNavigator-Containers in einem view, und legen backgroundColor
Reagieren, Navigation - kann nicht Lesen-Eigenschaft 'navigieren' undefined
1 Antworten
Ich versuche schon zu laufen bekommen mit reagieren die navigation aber ich Laufe in ein problem, wenn ich versuche zu bewegen, Navigations-Elemente in die eigenen Komponenten. HomeScreen.js import React, { Component } from 'react'; import { StyleSheet,
Immer undefined ist kein Objekt der Bewertung _diese.Requisiten.navigation
8 Antworten
Ich bin mit DrawerNavigator und ich habe 3 Seiten: Router page, mainScreen und ein photos page, Ich haben einen header, navbar Bereich und habe Das <TouchableHighlight onPress={() => this.props.navigation.navigate('DrawerOpen')}> zu öffnen, die Schublade Menü im mainScreen und
Wie können wir-center-Titel reagieren-navigation-header?
10 Antworten
Reagieren-navigation docs sind noch jung und das Lesen der Themen nicht funktioniert ist ziemlich viel für mich (ändert sich bei jedem version) hat jemand eine funktionierende Methode, um center-Titel im Android-mit react-navigation im Reagieren Native? gibt es
Ändern navigation header-hintergrund-Farbe
2 Antworten
Kämpfen, um zu verstehen, wie ändert man die navigation Kopfzeile Hintergrundfarbe. Ich bin Mit reagieren, navigation und Expo zu bauen meine app. backgroundColor scheint nicht, etwas zu tun. Irgendeine Idee, wie dies zu tun? Mein code ist
Ändern Sie den status bar Farbe mit reagieren-navigation
4 Antworten
Verwende ich eine DrawerNavigator aus reagieren-navigation in meiner app. Ohne jede Anpassung, die Android-Statusleiste ist blau, und nicht schwarz. Habe ich versucht zu tun StatusBar.setBackgroundColor('#000000'); aber es funktioniert nur für ein paar Sekunden, und dann geht es
Hinzufügen mehrerer Ereignisse zu onPress-Funktion Reagieren Nativen
2 Antworten
Wenn ich auf den Knopf drücke, es soll, navigieren Sie zu einer anderen Seite, und es erhöht sich auch der view count. Aber ich kann nicht herausfinden, sowieso zu implementieren, dass Sie in der gleichen Zeit. Dies
Reagieren Nativen Reagieren, Navigation übergänge
1 Antworten
Ich verwenden möchte, Reagieren Die Navigation in mein neues reagieren native app, aber ich finde keine Beispiel zeigt, wie benutzerdefinierte Ansicht erstellen übergänge gibt. Standard-übergänge funktionieren, aber ich möchte in der Lage sein, um Sie in wenigen
Wie bekommt man die Höhe der Tastatur Reagieren-Native?
1 Antworten
Ich bin mit Reagieren-Navigation in meiner app und die app besteht aus StackNavigator mit mehreren Bildschirmen, einige Bildschirme, die TextInput-mit autoFocus={true} Problem: auf diese Bildschirme, wenn die Komponente dargestellt wird, die Höhe des Bildschirms wird im Konstruktor:
Warnung: isMounted(...) is deprecated in plain Javascript-Klassen
11 Antworten
Ich die Umsetzung 2 Bildschirme mit reagieren-navigation. Aber ich hab die Warnung unten, während Sie auf der zweiten Seite: Achtung: isMounted(...) is deprecated in plain Javascript-Klassen. Stattdessen, stellen Sie sicher zu bereinigen, Abonnements und ausstehende Anforderungen in
Hide header stack navigator navigation Reagieren
9 Antworten
Ich versuche zu schalten Bildschirm mit beiden stack-und Register-navigator. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }),
Zurücksetzen des navigation stack für den home-Bildschirm (Reagiert Navigation und Reagieren Native)
7 Antworten
Ich habe ein problem mit der navigation von Reagieren Die Navigation und Reagieren Nativen. Es ist zum zurücksetzen der navigation und der Rückkehr zum home-Bildschirm. Ich haben ein StackNavigator innerhalb eines DrawerNavigator, und die navigation zwischen home-Bildschirm
Deaktivieren Sie die Zurück-Schaltfläche in der nativen Navigation
6 Antworten
Ich bin mit react native-navigation (reagieren-navigation) StackNavigator. es wird von der Login-Seite während des gesamten Lebenszyklus der app. Ich will nicht, um eine zurück-option, die Rückkehr zu den Login-Bildschirm. Weiß jemand, wie es ausgeblendet werden kann, auf
Reagieren-Navigation mit Login-Bildschirm
8 Antworten
Ich bin versucht, zu reagieren-navigation zu erstellen, die eine erste LOGIN-Bildschirm hat keine tabbar und Kopf, und, sobald der Benutzer wurde erfolgreich authentifiziert wird, navigieren Sie zu einem anderen Bildschirm, genannt LISTRECORD, die hat einen tabbar -,