在react导航中，如何在堆栈位于抽屉中的情况下逐个复制抽屉屏幕？不同的屏幕(react原生)
在React导航中，如果堆栈位于抽屉中，可以通过以下步骤逐个复制抽屉屏幕：
- 首先，确保你已经安装了React Navigation库。React Navigation是一个用于React Native应用程序的导航库，提供了堆栈导航、标签导航和抽屉导航等功能。
- 在你的React Native项目中，创建一个抽屉导航器。抽屉导航器是一种导航组件，可以在屏幕上显示一个抽屉，用户可以通过滑动或点击按钮来打开或关闭抽屉。
- 在你的React Native项目中，创建一个抽屉导航器。抽屉导航器是一种导航组件，可以在屏幕上显示一个抽屉，用户可以通过滑动或点击按钮来打开或关闭抽屉。
- 在上面的代码中，我们创建了一个抽屉导航器，并添加了三个屏幕(Screen1、Screen2和Screen3)。
- 在堆栈导航器中，使用
createStackNavigator函数创建一个堆栈导航器，并将其作为抽屉导航器的一个屏幕。 - 在堆栈导航器中，使用
createStackNavigator函数创建一个堆栈导航器，并将其作为抽屉导航器的一个屏幕。 - 在上面的代码中，我们创建了一个堆栈导航器(Stack)，并将其作为抽屉导航器(Drawer)的一个屏幕。
- 现在，你可以在堆栈导航器中使用
navigation.navigate方法来导航到下一个屏幕。 - 现在，你可以在堆栈导航器中使用
navigation.navigate方法来导航到下一个屏幕。 - 在上面的代码中，我们在HomeScreen组件中添加了一个按钮，当用户点击按钮时，会导航到Details屏幕。
- 如果你想在抽屉中逐个复制抽屉屏幕，可以使用
navigation.openDrawer方法来打开抽屉，并使用setTimeout函数来延迟导航到下一个屏幕。 - 如果你想在抽屉中逐个复制抽屉屏幕，可以使用
navigation.openDrawer方法来打开抽屉，并使用setTimeout函数来延迟导航到下一个屏幕。 - 在上面的代码中，我们使用了
useEffect钩子来在组件加载时执行延迟导航的逻辑。首先，我们使用setTimeout函数延迟1秒钟打开抽屉，然后再延迟1秒钟导航到Screen2屏幕。
这样，当你的React导航堆栈位于抽屉中时，就可以逐个复制抽屉屏幕了。请注意，以上代码示例中的组件和导航器名称仅供参考，你需要根据自己的项目结构和需求进行相应的调整。
对于React Native开发，腾讯云提供了一些相关产品和服务，例如：
- 腾讯云移动开发平台：提供了一站式移动应用开发、测试、发布和运营的解决方案。
- 腾讯云移动推送：提供了消息推送服务，可以向移动设备发送通知和消息。
- 腾讯云移动直播：提供了移动直播的解决方案，可以实现高质量的实时音视频传输和直播功能。
以上仅为示例，腾讯云还提供了更多与移动开发相关的产品和服务，你可以根据具体需求选择适合的产品。
相关·内容
在我的应用程序中，我有一个主堆栈导航器(登录、抽屉)。我在原生的react中创建了一个抽屉导航器(“@react-navigation/ drawer”："^5.1.1")。每个抽屉里也有一个堆栈导航器。那么，我如何在抽屉堆栈屏幕中注销应用程序呢？我只是使用这个(props.navigation.navigate("Login"))。在移动登录后，当用户再次按下后退按钮时，他将导航到上一个堆栈。我想要清除所有堆栈并导航到登录。
浏览 33提问于2020-07-09得票数 0
1回答
反应导航结构
、、、
我有一个反应导航结构的问题，这发生在我们嵌套的导航器，在文档中的react导航说，它更好地减少嵌套导航器的数量，所以我想展示一个电子商务应用程序的例子，它需要在所有导航路径中呈现一个产品屏幕。
“选项卡导航器的初始路由是第一个堆栈导航器，它具有初始路由主屏幕”
因此，正如您在这个图表中看到的，选项卡抽屉和堆栈导航器是结合在一起的，在我看来，这是最低效的方法，我认为是因为我们正在为选项卡导航器创建两个堆栈导航器，而在这个堆栈中，我们正在复制一个产品屏幕。
我们需要在主屏幕和产品部分中推送一个产品屏幕，这就是为什么我们将产品屏幕放在堆栈导航器中，否则它会抛出一个错误
现在，可以做reac
浏览 1提问于2021-06-29得票数 1
我正在尝试弄清楚如何使用React导航在react Native应用中实现导航，使其类似于Uber应用。 我想使用抽屉，其中包含一个菜单项，如设置，配置文件等。点击每个项目应打开一个模式与导航堆栈与箭头左或十字图标按钮在顶部(标题)，以关闭堆栈和返回主屏幕。当带有导航堆栈的模式打开时，我想禁用抽屉。 这可以通过react导航来实现吗？
浏览 21提问于2019-06-14得票数 2
回答已采纳
我正在使用React导航vs，并且我想使用堆栈导航中的抽屉导航，因为我已经在项目中添加了堆栈导航，但我希望从仪表板而不是登录屏幕启动抽屉导航
App.js
import Start from './App/Navigation/StackNavigation'
export default class App extends React.Component{
constructor(){
super();
global.DomainName = 'http://testing.njtennis.net/';
}
render
浏览 0提问于2020-05-19得票数 0
我的原生react应用程序由一个包含多个StackNavigators的DrawerNavigator组成。我的结构的一个简化示例如下所示
- Drawer
- Stack 1
- Screen 1
- Screen 2
- Stack 2
- Screen 1
- Screen 2
我的问题如下:我在Stack 1的屏幕1上。我使用抽屉导航到Stack 2的屏幕1。我从Stack 2的屏幕1导航到Stack 2的屏幕2，只需按一个按钮。然后，我使用抽屉导航回到Stack 1。我再次使用抽屉返回到Stack 2。我现在在stack 2的屏幕1上，但标题中
浏览 5提问于2018-01-11得票数 1
我正在尝试实现一个Auth流，就像在doc ()中所做的那样，在本机使用react导航进行反应。但是，当状态发生变化以显示HomeNavigator时，我得到以下错误(仅在iOS上运行)：
The specified child already has a parent. You must call removeView() on the child's parent first.
...
onCreateView (ScreenStackFragment.kt:129)
...
// App.tsx
return (
<ReduxProvider store={root
浏览 5提问于2021-10-06得票数 0
我构建了一个带有react-native、expo和react导航的应用程序。我有一个主要的抽屉导航员在它有2个其他的堆栈导航员。一个堆栈导航器有两个页面：Products和产品。当我单击Products页面中的一个产品时，它会进入Product页面。Ben如果我单击抽屉导航器中的另一个链接，我希望产品页面的堆栈导航器在离开堆栈导航器时返回到它的initialRoute。
我试图设置退出堆栈导航器时的initialState，当我单击抽屉导航器中的导航器链接时，它会呈现initialState，但当我在子页面中并退出导航器时，它不起作用。当我再次单击抽屉中的Products，而不是导航到Pro
浏览 26提问于2019-07-17得票数 3
回答已采纳
3回答
我正在做一个像登录/注册应用程序这样的实践项目，我正在使用react导航中的堆栈导航，它的工作非常完美，
现在，当用户登录时，他应该被重定向到仪表板屏幕，在那里，，我想要一个抽屉到标题的右边，“我也添加了一个屏幕截图”，我在堆栈导航中创建了仪表板屏幕，我不知道我怎么能在我的仪表板屏幕上添加一个抽屉--我只想在我的仪表板屏幕上添加一个抽屉，这样有谁能帮我呢？谢谢
App.js (我在这里添加了所有堆栈屏幕)
import React from 'react';
import { createStackNavigator, createDrawerNav
浏览 3提问于2018-09-23得票数 13
回答已采纳
1回答
我需要抽屉和堆栈导航功能。我使用的反应导航库，因为它是最好的今天。但是相互嵌套，它们的工作太慢了。我决定只使用其中一种来提高速度。那么，有什么更容易实现呢？现在，我正在使用react本机-手势处理程序的抽屉进行堆栈导航。当我在抽屉里选择一个页面时，就像我们刚移到另一个屏幕上一样，当我在抽屉里选择一个页面时，我遇到了一个问题，动画(或者如何调用)应该被删除，但是该如何删除呢？
使用抽屉导航会更容易吗?是否有一些方法来隐藏抽屉导航菜单的项目，以及在某些屏幕上隐藏整个抽屉？
如果您知道如何提高嵌套导航器的性能，请编写您的变体。
浏览 0提问于2020-08-16得票数 0
回答已采纳
，我有一个反应本地应用程序，可以工作，但我希望能够为网络构建。任何帮助都将不胜感激。下面是我的package.json。
{“名称”："dotmac"，
“版本”："0.0.1"，
“私人”：没错，
“剧本”：{
"android"：“反应-原生运行-android”，
"ios"：“反应性-本机运行-ios”，
“开始”：“反应--本土化的开始”，
“测试”：“玩笑”，
"lint"："eslint .-ext .js，.jsx，.ts，.tsx“
},
“依赖关系”：{
“@fortawesome/fo
浏览 3提问于2022-09-05得票数 0
我正在使用React导航v5，并且有一个抽屉导航器，它的屏幕是一堆堆栈导航器。 <AppDrawer.Navigator drawerContent={({navigation, state}) => <DrawerScreen navigation={navigation} state={state}/>}>
<AppDrawer.Screen name="TodayStack" component={TodayStackComponent}/>
<AppDrawer.Screen name=&
浏览 24提问于2020-12-15得票数 0
回答已采纳
我正在使用react原生导航v5，我有一个堆栈导航器，它呈现一个抽屉导航器，在这个抽屉导航器中，我呈现我所有的屏幕。以前，这是另一种方式-我有一个抽屉导航来呈现主栈导航，但问题是我希望抽屉导航显示在标题栏下面，所以切换后它可以工作。现在的问题是，我无法使用navigationOptions更改组件的标头 这是我的堆栈导航器： <SafeAreaProvider>
<Stack.Navigator
openByDefault={true}
backBehavior="history"
initialRout
浏览 27提问于2020-11-06得票数 0
1回答
我正在使用react-Navigation5，我有堆栈导航和内部抽屉导航，我想隐藏一些抽屉的导航屏幕。因此，我在drawerLabel属性中传递null，如下所示
import * as React from 'react';
import {createDrawerNavigator} from '@react-navigation/drawer';
import ShowNotes from "../screens/notes/ShowNotes";
const Drawer = createDrawerNavigator();
cons
浏览 1提问于2020-05-25得票数 0
我不知道是不是我搞错了。我正在做一个项目，我使用react导航，我使用抽屉和堆栈导航器。但当我单击抽屉上的任何菜单时，抽屉1.抽屉将保持打开状态，直到下一页出现2.我单击的菜单将保持活动状态，直到下一个屏幕出现。
我尝试检查其他应用程序的性能，它们的性能不是这样的。这是react导航的工作原理，还是我搞错了？
请帮助，因为我是新的反应原生和反应导航。
浏览 2提问于2018-06-11得票数 1
//我正在构建一个react原生应用程序，我同时使用了抽屉导航和堆栈导航。我遇到的问题是，抽屉和堆栈导航都提供了自己的标题。因此，它会在每个屏幕上显示两个标题，但我只想在特定屏幕上显示一个标题。当我只需要堆栈导航头时，我如何消除抽屉头?？ MainStack.js import React from "react";
import { createStackNavigator } from "@react-navigation/stack";
//The pages to navig
浏览 27提问于2021-10-28得票数 1
回答已采纳
3回答
目前，在我正在构建的react原生应用程序中，我有一个包含两个屏幕的抽屉导航器。对于导航，我使用的是react-导航。
代码如下：
import { DrawerNavigator } from 'react-navigation'
export default drawernav = DrawerNavigator(
{
Login: {Screen: Login},
Main : {Screen: Main }
}
)
虽然Login是在一个抽屉导航器中，我希望它使登录屏幕不具有抽屉导航功能，但主屏幕有登录和主作为两个
浏览 0提问于2017-07-08得票数 4
我已经在我的应用程序中创建了React导航抽屉V3。我面临着在初始屏幕上获取登录凭据的问题，该屏幕是我的抽屉导航堆栈的“主页”屏幕。尽管我是在Login.js的帮助下在DrawerMenu.js上传递数据的：
this.props.navigation.navigate('DrawerMenu', {
loginData: loginData
})
并使用以下命令获取DrawerMenu.js上的数据：
constructor(props) {
super(props)
this.state = {
loginData: props.navi
浏览 5提问于2019-04-09得票数 0
我用react-native-drawer创建了抽屉。抽屉视图包含ListView。每当单击renderRow方法时，都需要显示抽屉本身的导航，而不是Welcome屏幕堆栈的顶部。
现在：
预期：
文件：组件/
render(){
var settingPanel = <Setting closeDrawer={ () => {
this.drawer.close();
}} />
return(
<Drawer
ref={c => this.drawer = c}
type='overlay
浏览 1提问于2017-09-01得票数 0
我正在尝试在工具栏的菜单图标上实现导航抽屉，我已经尝试了很多天了，但是我在网上找不到任何好的资源，我已经跟踪了一些堆栈溢出的答案，并实现到现在：
MyToolbar.js
'use strict';
import React, { Component } from 'react';
import {
StyleSheet,
View,
Text
} from 'react-native';
var ToolbarAndroid = require('ToolbarAndr
浏览 9提问于2017-08-07得票数 0
1回答
应用程序中的主要导航器是标签导航器，其中我有一个抽屉导航器，在抽屉中我有堆栈导航器，因为我的主屏幕需要标签，抽屉和堆栈导航器 但我有另一个屏幕，它不需要更多的堆栈和标签！我应该把屏幕放在哪里才能同时隐藏堆栈和制表符？ const stackNavigator = createStackNavigator({
home: { screen: HomeScreen },
...
});
const drawerNavigator = createDrawerNavigator({
home: { screen: stackNavigator },
...
)}
浏览 24提问于2019-04-29得票数 0
1回答
我有这样的抽屉导航
const DrawerNavigatorRoutes = (props) => {
return (
<Drawer.Navigator>
<Drawer.Screen
name="homeScreenStack"
component={homeScreenStack}
/>
<Drawer.Screen
name="Profile"
component={profileScreenStack}
浏览 7提问于2022-04-06得票数 1
2回答
我正在制作一个react原生移动应用程序，上面有一个带有注销按钮的导航抽屉。我知道如何使用props.navigation.navigate('Login')从那里导航到登录屏幕，但问题是，如果用户这样做了，他们仍然可以从登录屏幕打开抽屉，导航回其他屏幕之一，或者在安卓系统上按后退按钮。
如果用户来自另一个页面，我想我可以在登录屏幕上做一个检查，然后禁用打开抽屉按钮，但这似乎有点老套。我想知道是否有一种正确的方法来做这件事，也许是在登录时重置堆栈，我不确定。
浏览 0提问于2019-03-11得票数 2
1回答
React本地导航
、、、、
我正在制作一个应用程序，其中我使用了抽屉导航器，并在其中嵌套了一个堆栈导航器。抽屉包含屏幕主页，产品，个人资料等，而我使用堆栈导航器内的主屏幕切换到3个不同的屏幕产品->项目描述。问题1:如果我通过主页.And转到产品或项目描述如果我在products或ItemDescription中打开抽屉，我无法在从抽屉中单击主页.WHile单击抽屉菜单上的其他选项时返回主页，我可以切换到比较屏幕。
问题2:我有一个导航栏从' Navbar -native‘，我使用在每个组件，即主页，产品，ItemDescription，购物车等。你能帮助我与redux链接，以便我可以打开不同的屏幕点击它的
浏览 1提问于2018-02-02得票数 0
我正在使用React Navigation5。 在顶部，我有一个抽屉导航器，上面有以下屏幕： <Drawer.Navigator>
<Drawer.Screen name="One" component={StackNavigatorOne} />
<Drawer.Screen name="Two" component={StackNavigatorTwo} />
<Drawer.Screen name="Three" component={StackNavigatorThr
浏览 29提问于2020-12-25得票数 4
回答已采纳
我正在使用React Navigation5和React Native。我有一个有两个屏幕的抽屉，每个抽屉本身就是一个堆栈导航器。我的设置如下： <Drawer.Navigator
initialRouteName='Balance'
drawerType='slide'
drawerContentOptions={drawerOption}
drawerContent={drawerContent}
>
<Drawer.Screen
name='Home'
component={U
浏览 9提问于2021-02-03得票数 1
我在SO和github上看过关于react导航的各种帖子，但大多数都是react本机堆栈导航器和抽屉导航器的组合。我找不到任何可以帮助解决我的问题的东西。
我试图做的是我有一个底部的标签栏与五个屏幕加载正确的数据很好，我想添加一个抽屉导航器，以提供更多的屏幕和不同的数据。我已经设法在标签导航器的顶部构建了抽屉导航器，但是当抽屉打开时，它与底部的选项卡栏重叠，因此只要抽屉打开，底部的标签导航就没有用。此外，在抽屉导航器下添加选项卡会将Tabs显示为抽屉菜单中的一个选项。
我想要实现的是，1.有一个底部选项卡导航始终可见。2.当抽屉打开时，抽屉菜单打开，并且不会重叠底部选项卡栏。3.抽屉菜单应该只
浏览 11提问于2018-10-07得票数 3
我在堆栈导航器的顶部有一个抽屉导航器，然后从堆栈内的任何嵌套屏幕中，单击硬件返回按钮，就会调用根级别的抽屉导航器屏幕的BackHandler侦听器。 const Drawer = createDrawerNavigator();
const DrawerNavigator = props => {
return (
<Drawer.Navigator
drawerContent={props => <DrawerScreen {...props} />}
initialRouteName={'HomeScreen
浏览 9提问于2020-04-04得票数 2
我有一个抽屉导航器，里面嵌套了一个堆栈导航器作为屏幕选项之一。我在抽屉中导航到任何屏幕都没有问题，但是当我试图导航到堆栈导航器中的另一个屏幕时，我无法访问this.props.navigation。我很困惑，因为屏幕是在我的导航器设置中声明的。
AppNavigator：
// all imports
const InboxStack = createStackNavigator(
{
Inbox: {
screen: HomeScreen
},
Conversation: {
screen: ConversationScreen
浏览 13提问于2019-10-22得票数 0
1回答
反应导航抽屉导航头后按钮
、、、
我正在使用v5的抽屉导航。在我的根文件中，我创建了抽屉导航器。这个导航器中的一些屏幕有一个嵌套的堆栈导航器。第一项是仪表板，第二项是关系。
问题是，当我去看关系，我没有一个后退按钮去到第一个屏幕(仪表板)。能把这个添加到我的关系屏幕上吗？
根代码：
<NavigationContainer>
<DrawerNavigator.Navigator
drawerContent={(props) => (
<SidebarComponent {...props} user={this.props.device.user} />
)}
浏览 3提问于2020-10-02得票数 3
回答已采纳
我将一个抽屉导航器嵌套在一个堆栈导航器中，如下所示
const DrawerNavigation = DrawerNavigator({
Home: {
screen: Home,
navigationOptions: {
drawerLabel: 'Home',
drawerIcon: () => (
<MaterialCommunityIcons name={'home'} size={25} />
)
},
},
Customers: {
浏览 4提问于2017-06-08得票数 0
回答已采纳
React本机activeTintColor未应用于选定的抽屉项。我的react原生导航路线看起来像这样， -> DrawerNavigator
-> StackNavigator
-> HomeScreen
-> FirstScreen
-> SecondScreen
-> ThirdScreen routes.js const RootStack = createStackNavigator(
{
Home: { screen: HomeScreen },
ChapterGrou
浏览 25提问于2019-02-12得票数 8
2回答
我正在使用react导航作为我的react本机应用程序的导航包。还安装和配置了react-native-gesture-handler以及文档中提到的react-navigation。
我面临的问题是抽屉不是随意打开的。大多数情况下，当用户沿着主堆栈导航并返回到家中打开抽屉时，就会发生这种情况。否则，抽屉似乎没有任何问题。
我就是这样配置导航的，
主堆栈导航
const AppStack = createStackNavigator(
{
DrawerNav: DrawerNav,
Home: Home,
Notification: Notification,
Hom
浏览 3提问于2019-05-30得票数 1
回答已采纳
2回答
响应本机抽屉导航器未打开
、、、、
我正在构建一个app本机应用程序，并使用app导航v6库。我已经构建了一个大多数情况下工作良好的react导航器，但是当我导航到某个页面时，我将面临这个错误。
我有一个堆栈导航器：
<NavigationContainer>
<Stack.Navigator >
<Stack.Screen name='LandingScreen' component={LandingScreen} options={{headerShown: false}} />
<Stack.Screen name
浏览 13提问于2022-02-03得票数 1
回答已采纳
1回答
我正在尝试设置react导航，我的想法是有一个这样的结构：
LoadingStack (Switch Navigator)
Loading: LoadingScreen (Screen)
Main: BottomTabBar (Bottom Tab Navigator)
Home: DrawerNav (Drawer Navigator
[Multiple categories within drawer all with the same screen]
Setti
浏览 0提问于2019-03-30得票数 1
我在我的项目中使用了反应导航。我想在抽屉导航中使用堆栈导航。我想在堆栈导航屏幕中使用this.navigation.toggleDrawer()，但不要在堆栈导航屏幕中附加这个。
// drawer-navigation.js
import React, { Component } from 'react';
import { DrawerNavigator } from 'react-navigation';
import StackNavigation from './stack-navigation';
import Screen1 fr
浏览 3提问于2018-09-20得票数 0
5回答
我观察到Back按钮逻辑可以看到堆栈中屏幕的顺序。我有个抽屉导航仪放在堆栈导航仪里面。
在堆栈的顶部我有飞溅的屏幕。在仪表板上，当我按下后退按钮时，它会带我飞溅屏幕。
如何在进入应用程序后从堆栈中移除飞溅屏幕，所以当我按下后退按钮仪表板时，它将退出应用程序而不是启动屏幕。
/* @flow */
import React from "react";
import { Platform, Text } from "react-native";
import { Root } from "native-base";
import { StackNa
浏览 8提问于2017-12-29得票数 19
回答已采纳
我创建了抽屉导航，在里面有堆栈导航，当从堆栈返回时，需要打开抽屉
我的代码是这样的，我所需要的就是保持抽屉打开后，从任何堆栈屏幕回来。
const Drawer = createDrawerNavigator();
function DrawerNav({ navigation }) {
// toggleDrawer = () => {
// this.props.navigation.dispatch(DrawerActions.toggleDrawer())
// }
return (
<Drawer.Navigator initialRou
浏览 5提问于2022-01-26得票数 0
为什么我得到错误设备：(3:9741) (0，l.useLinkBuilder)不是一个函数。(在'(0，l.useLinkBuilder)()'，'(0，l.useLinkBuilder)‘中未定义)？我正在尝试将一个堆栈导航器嵌套在一个抽屉导航器中。下面的代码用于抽屉导航器，我的堆栈是堆栈导航器。
MyDrawer.js
import * as React from 'react';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { c
浏览 1提问于2020-05-18得票数 2
1回答
在我的中，有一个抽屉导航器嵌套在堆栈导航器中。我想将堆栈导航头隐藏在所有抽屉导航器屏幕中，但在其他屏幕中可见。(因此，为所有屏幕设置headerMode: none不是一个解决方案)。
这是我试过的，但不起作用。
DrawerNav: {
screen: DrawerNavigator,
navigationOptions: {
headerMode:'none'
}
}
浏览 1提问于2019-10-17得票数 0
回答已采纳
我有名为主页的抽屉屏幕，它渲染材料顶部标签导航器和其他堆栈屏幕定义在it.Problem是我想重新渲染主屏幕时，我从其他定义的屏幕.Please帮助，这是应用程序中需要的最一般的功能，但我无法做到这一点。| iOS或Android |两者|都| @react-navigation/native 5.0.7 | @react-navigation/drawer 5.1.0 | react-native-reanimated 1.7.0 | react-native -gesture handler 1.6.0 | react-native-safe-area-context 0.7.3 | re
浏览 17提问于2020-05-31得票数 0
1回答
我正在制作一个应用程序，它有两个流(A和B)，可以从主屏幕访问。
好吧，问题是：
当我进入两个流中的任何一个流(A)时，一切正常，但是当我从抽屉导航访问另一个流(B)时，每当我按下play时，该流就会暂停
我通过一个带有react原生webView的iframe传递它们
我的导航方法在React导航抽屉中
我已经尝试了几种方法来解决这个问题，更改为堆栈，使用jumTo等，但都没有成功
我是个新手，请帮我解决这个问题。
浏览 7提问于2021-05-20得票数 0
这是我的堆栈导航器
这是我的抽屉导航仪
问题是我在堆栈导航器屏幕2- name='Details'，component='Anote‘中的抽屉导航头，
我想把抽屉的导航仪从下面的图片上移走。与title=Notes制造商的一家]
浏览 3提问于2021-03-30得票数 3
1回答
我正在使用react导航，并希望显示将在屏幕上方可见的模式，并能够导航到StackNavigator中的下一个屏幕。下图显示了我想要实现的目标 ? 文档(https://reactnavigation.org/docs/modal/)中的解决方案只解决了问题的一部分，因为我无法打开一个模型并导航堆栈的另一部分，同时将该模型保持在顶部
浏览 34提问于2020-11-08得票数 0
我是反应本地人的新手。我想要创建简单的抽屉导航，但这里有错误。
我已经安装了react导航。以下是代码：
import React, { Component } from 'react';
import {
StyleSheet,
Text,
View,
StatusBar ,
TouchableOpacity
} from 'react-native';
import { DrawerNavigator } from 'react-navigation';
import Screen1 from './Screen1';
浏览 0提问于2019-09-11得票数 0
回答已采纳
我使用的堆栈导航器嵌套在react原生应用程序的抽屉导航器中，使用react导航器6。我只显示了堆栈导航器的标题。我想把一个汉堡菜单按钮放在标题的最左边，但我也想让默认的堆栈导航返回按钮出现。 我在文档中找到了设置headerBackVisible，但找不到任何人使用它的示例，所以我不确定我是否正确使用它。我试图在我的屏幕选项中传递为headerBackVisible: true。无论我做什么，如果我在headerLeft中放入其他任何东西，我都无法获得标题后退按钮来显示。 有没有人有什么建议或者例子，关于如何把一些东西放在头上的后退按钮的左边？
浏览 65提问于2021-08-26得票数 1
回答已采纳
我刚接触react-native，在通过react导航实现switch-stack-drawer导航嵌套时遇到了一些问题。我的嵌套导航如下所示：
export default SwitchNav = createSwitchNavigator({
AuthLoading : AuthLoadingScreen ,
LoginedStack : LoginedNavigator ,
AppStack : AppNavigator
},
{
initialRouteName: 'AuthLoading'
})
export const AppNavigator
浏览 50提问于2018-08-17得票数 0
回答已采纳
我有几个嵌套的堆栈导航器的主抽屉导航器。
我正在使用默认参数初始化嵌套的堆栈导航器。目前，我在堆栈导航器的屏幕中使用函数dangerouslyGetParent从抽屉中获取参数。
有没有办法将参数从堆栈导航器传递到嵌套屏幕？
我试过这样的方法，但它不起作用：
PersonalSettings: {
screen: PersonalSettingsScreen,
navigationOptions: ({ navigation }) => ({
collectionName: navigation.state.params.collectionName,
}),
},
浏览 20提问于2020-02-05得票数 0
1回答
我的应用程序目前使用抽屉导航器作为其主导航。
其中一个抽屉屏幕是StackNavigator。此嵌套StackNavigator中的第一个屏幕包含一个按钮，该按钮应将用户定向到DrawerNavigator屏幕。
如何在我的StackNavigator屏幕“主页”中有一个导航到其父DrawerNavigator屏幕“日志”的按钮？
堆栈导航器(Home是带有按钮的组件，它应该指向抽屉屏幕'Logs')：
const Stack = createStackNavigator({
Home: {
screen: Home,
navigatio
浏览 1提问于2018-07-01得票数 0
我正在使用React navigator，并且有一个抽屉导航器，其中包含几个Stack navigator作为它的项目。当我打开抽屉导航器并单击一个项目时，它会显示我单击的堆栈中的第一个屏幕。当我转到堆栈中的第二个屏幕，然后打开抽屉并单击活动堆栈的相同抽屉链接时，我希望它显示堆栈的第一个屏幕，但它当前什么也不做。我怎样才能做到这一点呢？
这里有一个显示问题的点心：
/**
* Item Stack
* Follows the Items Flow chart
*/
const ItemStack = createStackNavigator(
{
Items: { scree
浏览 8提问于2018-07-15得票数 5
回答已采纳
1回答
在我的React Native应用程序中，有一个嵌套在堆栈导航器中的抽屉导航器。我希望将栈导航头隐藏在所有抽屉导航器屏幕中，但在其他屏幕上可见。 尝试headerShown: false，not work picpic2pic3 const StackNavigator = () => (
<Stack.Navigator initialRouteName="Login">
<Stack.Screen
name="Shop"
component={DrawerNavigator}
opti
浏览 36提问于2021-10-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
