react-native-navigation

How to open one of the footer tab screen when clicking on the menu item in react-native?

半世苍凉 提交于 2020-05-15 21:45:43
问题 I am creating a react native app and now I wanted to open one of the footer tab screens when clicking on the menu item. Here I attached my sample screen and can get a clear idea about my problem from that. Here is my GitHub repository. (https://github.com/SidathDananjaya/Event-App/tree/master/Event-App) 来源: https://stackoverflow.com/questions/61632894/how-to-open-one-of-the-footer-tab-screen-when-clicking-on-the-menu-item-in-react

React-native app crashes on real android device

我与影子孤独终老i 提交于 2020-05-12 07:44:08
问题 I am using react-native and currently started using redux and created one app but when I am running that app on the emulator it is working fine. Then I connected my mobile with android 6 through USB on that also it is working. But in other devices of Android 8 it is not working then I have changed targetSdkVersion to 28 then also it not working I am not getting what is the problem. Following is my package.json { "name": "Demo", "version": "0.0.1", "private": true, "scripts": { "start": "node

React Native - How to set the drawer navigation content on the particular tab based on drawer item selection?

半世苍凉 提交于 2020-04-18 05:42:18
问题 What i want to achieve is there are 2 tabs in my app 1) Home => On press it shows a simple screen 2) Menu => On press it opens and close drawer based on whether drawer is opened or not. Drawer has custom content. It has 4 buttons 1) Accounts 2) Reports 3) Graph 4) List Selecting on any of the drawer item it should open a respective page in the "Menu" tab navigator space. So how to manage this kind of navigation? import React from 'react'; import { View, Text } from 'react-native' import {

React Navigation V5 Hide Bottom Tabs

假装没事ソ 提交于 2020-03-25 13:59:53
问题 I would like to be able to hide the tabs on a screen using React Native Navigation v5. I've been reading the documentation but it doesn't seem like they've updated this for v5 and it refers to the < v4 way of doing things. here is my code: import Home from './components/Home'; import SettingsScreen from './components/Settings'; import * as React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs

React Navigation V5 Hide Bottom Tabs

霸气de小男生 提交于 2020-03-25 13:57:41
问题 I would like to be able to hide the tabs on a screen using React Native Navigation v5. I've been reading the documentation but it doesn't seem like they've updated this for v5 and it refers to the < v4 way of doing things. here is my code: import Home from './components/Home'; import SettingsScreen from './components/Settings'; import * as React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs

React Navigation V5 Hide Bottom Tabs

百般思念 提交于 2020-03-25 13:56:10
问题 I would like to be able to hide the tabs on a screen using React Native Navigation v5. I've been reading the documentation but it doesn't seem like they've updated this for v5 and it refers to the < v4 way of doing things. here is my code: import Home from './components/Home'; import SettingsScreen from './components/Settings'; import * as React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs

React Native Navigation from Child Components

核能气质少年 提交于 2020-01-25 07:04:45
问题 I'm trying to implement a simple navigation between screens, but getting this error: Undefined is not an object 'this.props.navigate' AppNavigator.js let AppNavigator = createStackNavigator({ Signup: { screen: SignupScreen, navigationOptions: { header: null } }, Login: { screen: LoginScreen, navigationOptions: { header: null } }, },{ initialRouteName: "Signup" }); SignupScreen.js <View> <SignupForm/> </View> SignupForm.js const { navigate } = this.props.navigation; <Text onPress={() =>

React Native: Invariant Violation: The navigation prop is missing for this navigator

折月煮酒 提交于 2020-01-21 09:41:47
问题 My code is as follows: import React, {Component} from 'react'; import {Platform, StyleSheet, Text, View} from 'react-native'; import {LoginNavigator} from './src/components/login/LoginNavigator' import {MainNavigator} from './src/components/main/MainNavigator' import FBSDK from 'react-native-fbsdk' import {createSwitchNavigator} from 'react-navigation' const { AccessToken } = FBSDK export default class App extends Component { constructor(props) { super(props) this.state = { accessToken: null

React Navigation vs. React Native Navigation [closed]

孤者浪人 提交于 2019-12-31 08:12:00
问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 8 months ago . I just want to know honest, experienced and objetive points of view about these two soutions to implement the navigation in React Native: React Navigation React Native Navigation Which is better and why. Thanks 回答1: React Native Navigation as the name says uses the native

React Navigation vs. React Native Navigation [closed]

梦想与她 提交于 2019-12-31 08:11:09
问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 8 months ago . I just want to know honest, experienced and objetive points of view about these two soutions to implement the navigation in React Native: React Navigation React Native Navigation Which is better and why. Thanks 回答1: React Native Navigation as the name says uses the native