react-navigation

问题 Closed . This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 5 months ago . Improve this question I am just starting with react native and I want to know How do I build a login and singup form shares same screen. Where both login and singup tabs shows on one screen. Just need to tap on any tab and the same form opens up to fill. Please check the url of video below for

问题 Initially, the app was working fine, after which I created a custom stack over Authenticated stack (screens when the user is Authenticated). The app is crashing when I navigate while going back using pop(), but it works fine with navigate or goBack(). inActiveUser => Check for user touch events using Pan Responder, to log out when he is inactive. AuthenticatedNavigator => Routes where the authenticated user is allowed. New stack: New Authenticated stack is implemented over Authentcated stack.

问题 Initially, the app was working fine, after which I created a custom stack over Authenticated stack (screens when the user is Authenticated). The app is crashing when I navigate while going back using pop(), but it works fine with navigate or goBack(). inActiveUser => Check for user touch events using Pan Responder, to log out when he is inactive. AuthenticatedNavigator => Routes where the authenticated user is allowed. New stack: New Authenticated stack is implemented over Authentcated stack.

问题 When I am in the login screen I would like once the user logs in that it is also redirected to the 'Home' screen but currently, I have an error telling me that the Home is not defined what is normal ... {isAuth ? ( <BottomTab.Screen name='Home' component={Home} /> ): ( <> <BottomTab.Screen name='Connexion' component={Login} /> <BottomTab.Screen name='Inscription' component={Register} /> </> I don't really know how to use contexts yet but I think it might simplify the thing but in the meantime

问题 I've added a header button and I'd like to go to a specific screen in my app when I click on that button, here's the code: function ActionBarIcon(props) { return ( <TouchableOpacity onPress={props.onPress}> <Image source={{uri : 'https://static.thenounproject.com/png/261370-200.png'}} style={{ width: 30, height: 30, marginRight : 15 }} /> </TouchableOpacity> ); } export default function App() { return ( <NavigationContainer> <Stack.Navigator initialRouteName="Orders"> <Stack.Screen name=

问题 I have my initial screen which works as expected: function MyTabs() { return ( <Tab.Navigator> <Tab.Screen name="Schools" component={MainScreen} /> <Tab.Screen name="Other" component={OtherScreen} /> </Tab.Navigator> ); } const Tab = createBottomTabNavigator(); function App() { return ( <NavigationContainer> <MyTabs /> </NavigationContainer> ); } export default App; It shows 3 option for screens on the bottom. When I am on the Main screen I see list of objects, I call them schools. Each

问题 After upgrading React-Native App to below configuration "react": "16.9.0", "react-native": "0.61.5", "react-navigation": "^4.0.10", "react-navigation-stack": "^1.10.3", "react-navigation-drawer": "^2.3.3", "react-redux": "^7.1.3", "redux": "^4.0.4", "redux-promise": "^0.6.0", "redux-saga": "^1.1.3" App getting crashed when redirecting using "this.props.navigation.navigate()" from createStackNavigator page. But when I redirect from createDrawerNavigator to the same page it works. Before

问题 ERR! code 1 npm ERR! Command failed: /usr/bin/git clone -q git://github.com/react-navigation/react-native-tab-view.git /Users/nakul/.npm/_cacache/tmp/git-clone-818101c2 npm ERR! /Users/nakul/.npm/_cacache/tmp/git-clone-818101c2/.git: Permission denied npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! /Users/nakul/.npm/_logs/2018-04-14T10_46_28_136Z-debug.log 回答1: Try chmod -R 777 ~/.npm then reinstall. Or rm -rf ~/.npm and reinstall. ~/.npm is a temp directory and can be

问题 ERR! code 1 npm ERR! Command failed: /usr/bin/git clone -q git://github.com/react-navigation/react-native-tab-view.git /Users/nakul/.npm/_cacache/tmp/git-clone-818101c2 npm ERR! /Users/nakul/.npm/_cacache/tmp/git-clone-818101c2/.git: Permission denied npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! /Users/nakul/.npm/_logs/2018-04-14T10_46_28_136Z-debug.log 回答1: Try chmod -R 777 ~/.npm then reinstall. Or rm -rf ~/.npm and reinstall. ~/.npm is a temp directory and can be

问题 ERR! code 1 npm ERR! Command failed: /usr/bin/git clone -q git://github.com/react-navigation/react-native-tab-view.git /Users/nakul/.npm/_cacache/tmp/git-clone-818101c2 npm ERR! /Users/nakul/.npm/_cacache/tmp/git-clone-818101c2/.git: Permission denied npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! /Users/nakul/.npm/_logs/2018-04-14T10_46_28_136Z-debug.log 回答1: Try chmod -R 777 ~/.npm then reinstall. Or rm -rf ~/.npm and reinstall. ~/.npm is a temp directory and can be