基于登录状态React Native的动态DrawerNavigator

文章/答案/技术大牛

发布

1回答

react-native、navigation-drawer

我需要一个DrawerNavigator，它可以在用户登录或注销时显示不同的选项，如下所示：--------------------|------------------|----------------------------------------|------------------|-----

浏览 2提问于2018-01-19得票数 4

1回答

如何授权用户通过反应导航应用程序？

react-native、firebase-authentication、react-navigation、expo

我的应用程序中有两组屏幕。 2) NotAuthorizedScreens import { AsyncStorage } from 'react-native'; im

浏览 6提问于2017-09-02得票数 3

1回答

React Native，无法从其他组件的函数体内部更新组件

javascript、reactjs、react-native、react-navigation

我制作了一个自定义的react导航抽屉，但得到了那个错误(不能从不同组件的函数体中更新组件)。有人知道我为什么会收到这个错误吗？const [progress, setProgress] = React.useState(new Animated.Value(0)); const scale = Animated.interpolate

浏览 13提问于2021-02-26得票数 0

3回答

React -本机导航抽屉导航嵌套导航

react-native、react-navigation、create-react-native-app

目前，在我正在构建的react原生应用程序中，我有一个包含两个屏幕的抽屉导航器。对于导航，我使用的是react-导航。代码如下：export default drawernav = DrawerNavigator({ Main : {Screen:

浏览 0提问于2017-07-08得票数 4

1回答

更改来自另一个组件的本机App.js的状态

react-native、authentication、state、react-navigation

我正在做一个应用程序的认证，我有点卡住了。我有两种不同的导航方式。一个显示用户是否已登录，另一个显示未登录。基本上是屏幕上的标志。如果我在开始时手动更改该值，它就能正常工作。但是，例如，当用户登录时，我无法找到改变状态的方法。即使auth模块中的值发生了变化，它也不会在App.js中更新，所以我如何从屏幕上的登录更新App.js的状态呢？import Re

浏览 3提问于2019-03-04得票数 2

回答已采纳

6回答

在android中不使用React导航的not本机statusbar

android、react-native、react-navigation、native-base、android-statusbar

版本： "react": "16.3.1", "react-native-global-font": "^1.0.1", "react-native</em

浏览 0提问于2018-04-23得票数 7

回答已采纳

1回答

TypeError:无法读取未定义的React本机的属性“”native“”

javascript、reactjs、react-native

我的主文件是App.js，我将用户发送到登录组件，我有两个组件来管理路由。用于创建switchNavigator的Appnavigator.js和用于createDrawernavigator的DrawerNavigator.js。; 我有用于创建AppContainer和switchnavigator的AppNavigator页面。,); 在成功登录后，我在handleLogin函数中使用了this.props.navigation.navigate(

浏览 17提问于2020-03-04得票数 0

回答已采纳

1回答

将堆栈导航器与响应本机中的抽屉导航器组合起来

react-native、expo、react-navigation、react-navigation-stack、react-navigation-drawer

我只想在用户未登录时显示LandingScreen，如果用户希望登录或注册，则显示另一种)。import { SafeAreaProvider } from 'react-native-safe-area-context' import { createNa

浏览 31提问于2022-01-30得票数 0

2回答

我如何在任何屏幕上显示抽屉(SideMenu)，除非在登录时使用Reacti原住民？

react-native

但是，如果我回到登录组件(单击菜单导航项)，drawer现在从login中显示出来(只能显示在Home组件上)。这是我的密码：import React from "react";import UserNavigation,} from "react-native"

浏览 4提问于2019-11-28得票数 1

回答已采纳

1回答

使用react导航中的抽屉导航传递数据/参数5

reactjs、react-native、react-navigation

我在属于不同导航器的两个屏幕组件之间传递参数有问题。首先我有登录组件，里面的堆栈导航器，然后我有主页组件，里面的抽屉导航器。Hirarchy是这样的：好的，我将在Login和Home中显示完整的代码： (登录组件) import React, {useState} from 'react'; import {StyleSheet, Text, View, SafeAreaView} from 'react</e

浏览 31提问于2020-08-25得票数 3

回答已采纳

1回答

响应导航重置堆栈不工作。反应-导航v5重置堆栈不工作

react-native、react-navigation、react-navigation-v5

App.js import {SafeAreaView, Button, Text} from 'react-native/native';import {createBottomTabNavi

浏览 2提问于2020-03-09得票数 0

2回答

打开抽屉时，我点击图标反应导航版本5。

react-native、navigation、drawer

当我点击headerLeft部件中的图标时，我想打开抽屉，我也尝试了this.props.navigation.dispatch，但是是给出了一个错误，navigation.dispatch也给出了错误import { DrawerActions } from '@react-navigation/native';im

浏览 2提问于2020-04-25得票数 2

回答已采纳

1回答

未定义不是对象(计算'this.props.navigation.navigate') -折叠导航器

react-native、react-navigation

(我使用的是react导航V3)，下面是我的DrawerNavigator.js：import { Platform, Dimensions, Button, View, Text } from 'react-native'; import { createDrawerNavigator, createAppContainer, StackNavigator

浏览 1提问于2019-04-24得票数 1

回答已采纳

1回答

如何在反应式屏幕中用抽屉屏代替溅屏？

react-native

我想要一个飞溅的屏幕和一个主屏幕，里面有抽屉。我在这里面临一些问题。下面是我的堆栈导航器。import React from 'react';import {LogBox} from 'react</

浏览 2提问于2022-01-20得票数 0

回答已采纳

4回答

tabBarNavigation标题中的菜单按钮:无法调用this.props.navigation.openDrawer()；

javascript、react-native、react-navigation

我有这样的tabBarNavigation自定义头： navigationOptions: { <HeaderTab/> }HeaderTab组件代码：import Styles from './Styles'; im

浏览 3提问于2019-11-14得票数 0

2回答

React Native Redux状态没有被reducer函数通过切片更新吗？

reactjs、react-native、redux、react-redux

您好，我正在使用react redux和工具包，我想知道为什么我的状态没有得到更新，尽管使用正确的有效负载调度操作。我正在尝试将redux中的用户状态从null更新为包含登录时用户数据的对象，反之亦然。在这种情况下，我是否正确地以“不可变”的方式更新状态？提前感谢您的帮助。： /** * https

浏览 13提问于2021-07-14得票数 0

2回答

这是让导航器相互交互的正确方式吗？我收到一个错误

react-native

我从我的React Native Android应用程序中得到以下错误。从‘.const AppNavigator = createStackNavigator( Home: { screen: Login }, Pa

浏览 0提问于2019-08-27得票数 1

4回答

响应本机导航错误`_this.props.navigation.navigate`

reactjs、react-native、react-navigation、jsx、react-navigation-drawer

我是新来的-土生土长。为了学习，我创建了一个示例项目。我想通过按下抽屉里的文本来导航到另一页。TypeError: undefined is not an object (evaluating '_this.props.navigation.navigate')import React,{Component} from "react"; import { StyleSheet, Text, View ,ImageBackground,} from "<e

浏览 20提问于2021-12-12得票数 0

回答已采纳

2回答

如何在反应导航中获得先前的路径？

react-native、react-navigation

登录后，我从我想要登录的地方导航到主屏幕，我应该导航到前面的屏幕(比如登录)。但是在导航道具中，如果不使用goBack函数，我就无法找到登录屏幕返回的任何方法。我的导航有点乱，请仔细看我的导航。这是我的航海家import React from 'react'; import{ View, Text } from 'react-native

浏览 0提问于2018-03-12得票数 2

3回答

TypeError:未定义不是对象(计算'route.routeName')

react-native、react-native-router-flux

 这是我的密码：-import { Router, Drawer, Scene } from 'react-native-router-flux

浏览 2提问于2017-12-20得票数 1

回答已采纳

点击加载更多