反应本机和反应导航无法将函数作为参数传递到NavigationOptions中的下一个屏幕
问题描述：反应本机和反应导航无法将函数作为参数传递到NavigationOptions中的下一个屏幕。
答案：
在React Native中，无法直接将函数作为参数传递给NavigationOptions中的下一个屏幕。NavigationOptions是用于配置屏幕的选项对象，它的属性值必须是静态的。
然而，我们可以通过使用React Navigation提供的其他方法来实现将函数作为参数传递给下一个屏幕的需求。下面是一种常用的解决方案：
- 在源屏幕中定义一个函数，并将其作为参数传递给下一个屏幕。// 源屏幕 import { useNavigation } from '@react-navigation/native'; const SourceScreen = () => { const navigation = useNavigation(); const myFunction = () => { // 执行一些操作 }; const navigateToNextScreen = () => { navigation.navigate('NextScreen', { myFunction }); }; return ( // 渲染源屏幕的UI <Button title="Go to Next Screen" onPress={navigateToNextScreen} /> ); };
- 在目标屏幕中接收传递的函数参数，并在需要的时候调用它。// 目标屏幕 import React, { useEffect } from 'react'; import { Button } from 'react-native'; import { useRoute } from '@react-navigation/native'; const NextScreen = () => { const route = useRoute(); useEffect(() => { if (route.params && route.params.myFunction) { route.params.myFunction(); } }, [route.params]); return ( // 渲染目标屏幕的UI <Button title="Go back" onPress={() => navigation.goBack()} /> ); };
通过上述方法，我们可以在源屏幕中定义一个函数，并将其作为参数传递给下一个屏幕。在目标屏幕中，我们可以通过useRoute钩子函数接收传递的参数，并在需要的时候调用该函数。
这种方法可以满足将函数作为参数传递给NavigationOptions中的下一个屏幕的需求，同时避免了直接提及特定的云计算品牌商。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
- 区块链（BCBaaS）：https://cloud.tencent.com/product/baas
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我正在尝试从MenuScreen.js传递一个param到ProfileScreen.js。我是新来的反应本地人和Redux。使用反应导航导航，我可以按下一个按钮到新屏幕。
使用
按钮onPress={() =>调度(NavigationActions.navigate({ routeName：'Profile'，params：{ user：'baz‘}})}title=“配置文件”/>
我可以通过帕拉姆，但我不知道如何访问它的配置文件屏幕。
使用
this.props.navigation.state.params
在ProfileScre
浏览 4提问于2017-09-04得票数 3
回答已采纳
反应-自然，反应-导航。我有一个自定义的头，带有一个按钮，我已经解压到另一个文件。我似乎无法访问导航对象。
function SetNavOptions(title, navigation) {
const { buttonStyle, iconStyle } = styles;
return {
headerBackground: (<LinearGradient
colors={['#337ab7', '#265a88']}
style={{ flex: 1 }}
浏览 0提问于2018-10-26得票数 1
回答已采纳
1回答
我正在尝试使用TouchableHighlight / button导航到其他屏幕，但它不能导航到其他屏幕。没有错误。当我在同一屏幕上按下TouchableHighlight/按钮时，没有任何反应。
trackButton() {
const navigation = this.props.navigation;
return (
<View style={styles.footer}>
{/* <TouchableHighlight underlayColor='transparent' onPre
浏览 1提问于2018-12-03得票数 0
12回答
我在我的反应本土化项目(博览会)中使用类型记录。
该项目使用了react导航，因此在我的屏幕上，我可以设置navigationOptions，并且可以访问navigation。
现在，我正在尝试强键入这些属性，以便获得可以设置哪些属性的提示。
interface NavStateParams {
someValue: string
}
interface Props extends NavigationScreenProps<NavStateParams> {
color: string
}
class Screen extends React.Component
浏览 8提问于2017-12-21得票数 46
回答已采纳
1回答
我用的是反应导航。我尝试添加一个标题右导航按钮：
static navigationOptions = ({ navigation, screenProps }) => ({
title: "My Profile!",
headerRight: <Button onPress={(navigation)=>{ navigation.navigate('Chat'); }} ><Text>Test</Text></Button>,
});
但我明白：
navigation.navigate不是一
浏览 5提问于2017-08-05得票数 1
回答已采纳
在我的反应-本地项目，我使用一个导航抽屉。在那个抽屉里，我宣布了两个屏幕-- NoteMeHome和MakeNote。最初，NoteMeHome作为抽屉导航的初始路径开始。我从NoteMeHome.js (第一个屏幕)类转到MakeNote.js (第二个屏幕)。在这个MakeNote.js类中，我使用了一个表单来填充。在用户clikcs提交时填充表单后，它将返回到previos屏幕NoteMeHome.js ( NoteMeHome.js)，并且由于这个NoteMeHome.js类中有一个API调用，它将刷新并显示提交的数据。
但是，每当我从MakeNote屏幕转到NoteMeHome屏幕时
浏览 0提问于2019-04-11得票数 5
2回答
我试着用简单的导航导航我的反应本土项目。当导航到屏幕A到B然后用android按钮返回时，下一次当导航A到B然后B到C时，导航器推送多个C屏幕。任何想法都会很好。干杯。
//stack navigator
const StackScreense = StackNavigator({
A: { screen: A},
B: { screen: B},
C: { screen: C},
}, {
initialRouteName: 'A',
navigationOptions:{ header: null},
浏览 0提问于2018-04-13得票数 0
回答已采纳
4回答
基本上，我有三个屏幕，第一个是堆栈导航器：
const stackNav = createStackNavigator({
Main: {
screen: MainScreen,
navigationOptions:({navigation}) => ({
header: null,
})
},
Detail: {
screen: DetailScreen,
navigationOptions: (props) => ({
titl
浏览 4提问于2018-08-22得票数 3
回答已采纳
我一直在使用react本机用于构建应用程序，并面临导航问题。我使用的是反应导航，在那里我有带坦克和过滤器屏幕的堆栈导航器。坦克屏幕有一个标签导航和地图，并列出屏幕，如下图所示。
如红线所示，我无法从地图或列表中导航到筛选屏幕。很抱歉没有提供一个流动方向。
我从地图和列表中尝试过this.props.navigation.navigate('filterScreen')；，但它不起作用(我知道这不起作用，但仍然尝试过)。
有什么导航的方法吗？任何线索都将不胜感激。
编辑：坦克的堆叠(最上面的屏幕)
export const Tank = StackNavigator({
浏览 3提问于2018-01-30得票数 1
回答已采纳
9回答
我在中使用。导航工作正常，但在一个屏幕上，goBack()函数不能工作。你能告诉我们为什么吗？
这是标题配置：
static navigationOptions = {
header: ({ state, goBack }) => {
return {
title: state.params.name,
right: (<Button
title={'Done'}
onPress={(
浏览 14提问于2017-05-15得票数 9
1回答
我正在开发一个抽屉，用于在应用程序的屏幕之间导航。我有一个主屏幕，标签是" Home "，在编译应用程序抽屉时只显示"Hom“，而不是显示全名(Home)
环境：
反应-原生0.60
反应-本机-cli: 2.0.1
反应-导航:3
import {
StyleSheet,
Text,
View,
SafeAreaView,
ScrollView,
Dimensions,
Image,
} from 'react-native';
import {
createDrawerNavigator,
c
浏览 0提问于2019-08-04得票数 1
回答已采纳
我是新的反应--本地人和反应者。我正尝试在我的移动应用程序上使用React导航(v2)实现一个简单的Tab导航。
基本上有两个文件：
Router.js
// imports...
const Tabs = TabNavigator(
{
Logs: {
screen: Logs,
// here I would like to recieve the jwt and pass it as a param to the logs screen
},
NewRide: {
screen: NewRide
}
},
{navi
浏览 2提问于2018-06-04得票数 2
回答已采纳
const RootNav = createStackNavigator(
{
Splash: {
screen:Splash
},
BeforeLogin: {
screen:BeforeLogin
},
Signin: {
screen:Signin
},
Tabs: {
screen:TabHolder
},
ForgotPassword: {
screen:ForgotPassword
},
Signup:
浏览 3提问于2019-01-08得票数 1
我对原生反应非常陌生。我想打开抽屉在按钮上点击，但得到错误的navigation.navigate无法找到变量导航。我也尝试过this.props.navigation，但是没有用。
下面是我的代码：
import React from 'react';
import Icon from 'react-native-vector-icons/FontAwesome';
import {
StackNavigator,
} from 'react-navigation';
import HomeContainer from './Hom
浏览 13提问于2018-03-01得票数 3
回答已采纳
1回答
我有一个使用反应性导航的本机应用程序，我希望我的标题看起来像这样的标题和副标题。
我正在使用本机基头来实现这一点。在应用程序的根部，我有一个选项卡导航，每个选项卡都有自己的抽屉导航。就像下面
对于所有的选项卡，都有单独的标头组件，其中有我硬编码的标题。子标题应该是当前活动屏幕的标题，类似于在导航选项中配置的drawerLabel或title。但是我无法在我的头组件中访问相同的内容。我甚至将navigation作为支柱传递给标头，但它包含了作为活动路由的选项卡，而不是作为活动路由的抽屉的initialRoute。这就是我如何使用标头组件的方式。
<MyHeader nav
浏览 2提问于2019-10-31得票数 0
回答已采纳
我使用的反应导航我的反应-本地应用程序。我已经阅读了上的文档，但是我不知道如何设置不同的headerBackTitle来从堆栈中的不同屏幕导航。
当从EditProfile导航到MyProfile时，我希望headerBackTitle:表示Cancel。
当从Comments导航到MyProfile时，我希望headerBackTitle表示Go back。
目前，从Comments和EditProfile到MyProfile say Cancel。我怎样才能做到这一点？
const MyProfileStack = createStackNavigator({
MyProfile: {
浏览 0提问于2019-04-06得票数 1
我有一个由两个导航器组成的应用程序：RootNavigator是一个带有5个选项卡(A、B、C、D、E)的TabNavigator，其中一个(C)包含一个StackNavigator。
我需要做的是，每当我到达C选项卡并按后退按钮时，我就被导航到A选项卡.
我要做的是:1在(C)屏幕上创建并绑定一个函数，该函数将传递给他们的子屏幕，并在每次按下(C)的第一个子屏幕上的后退按钮时调用该函数。
const PointNavigator = StackNavigator(
{
Camera: {
screen: PointCamera
},
Code: {
screen:
浏览 3提问于2018-01-04得票数 0
回答已采纳
2回答
我有自定义的tabBarButtonComponent <AddButton/>内底选项卡导航器。当用户点击此按钮时，将根据当前选择的选项卡打开新屏幕。所以我想知道哪个屏幕当前是打开的。
const ContentNavigator = createBottomTabNavigator(
{
Photo: {
screen: Photo,
navigationOptions: () => ({
tabBarIcon: ({tintColor}) => (
<BottomIcon name=&#
浏览 1提问于2019-06-28得票数 1
我有两个导航员，一个是堆栈导航员，另一个是抽屉导航员。我需要的是，应用程序从登录页面开始(没有启动屏幕直接登录页面)，一旦单击singin按钮，它就需要转到仪表板(这是一个堆栈屏幕)。从这个仪表板屏幕抽屉导航应该是可用的。这个抽屉导航器有多个堆栈导航屏幕。
所以我的结构如下：
--AppStackNavigator
--screen1
--screen2
--screen3
--DrawerNavigator
--screen1(From above and linked above stack navigator here)
--screen2(From above)
浏览 0提问于2019-06-28得票数 0
在编写代码时，而不是在呈现函数中，按钮不会导航到页面/屏幕。它显示出无法找到变量'this.navigation.navigate‘OnPressfunction只是提供了错误
static navigationOptions = {
headerTitle: 'Review Jobs',
headerRight: (
<Button
onPress={() => this.navigation.navigate('settings')}
title="S
浏览 1提问于2018-06-07得票数 1
回答已采纳
我一直在使用创建-反应-本机应用程序创建的默认选项卡项目。
因此，我创建了自己的屏幕，在主组件(导出默认类)中可以访问this.props.navigation。从标题为“导航默认”的按钮导航(“搜索”)可以很好。
但是，经过多次尝试，我无法从headerRight中的按钮或自定义组件MyComponent中导航。
如何将警报更改为像主组件一样导航(“搜索”)？
import React from 'react';
import { Button, Dimensions, ScrollView, StyleSheet, Text, View } from 'react-
浏览 0提问于2018-10-01得票数 1
回答已采纳
对于一个爱好项目，我正在开发一个应用程序，我的朋友们可以查看我们计划好的小组活动。每当有人按下某个事件时，我都想显示一个屏幕，上面有关于该特定事件的详细信息。因此，我想从显示带有事件的EventScreen的FlatList转到EventDetailScreen。需要显示一个特定的事件。
到目前为止，我已经完成了导航部分的工作，但是我不能将任何数据传递到下一个屏幕.
我试着用几种方式发送这个事件。但我不知道下一步该怎么办。我读过一些关于需要将数据从我的DrawerNavigator传递到我的StackNavigator的文章，但是当我尝试这样做时，我发现了一个错误，说我需要在AppContai
浏览 5提问于2019-11-12得票数 0
回答已采纳
我遵循本教程，和Im遇到了一些问题。
我每次都使用世博客户端应用程序渲染我的应用，而不是仿真器/仿真器。
下面可以看到我的代码。
我最初在"SimpleApp“组件上定义了"ChatScreen”const，但这给了我以下错误：
路由‘聊天’应该声明一个屏幕。例如：...etc
所以我把SimpleApp的解密移到了"AppRegistry“上面，这标志着一个新的错误。
元素类型无效:预期的string.....You可能忘记导出component..etc
本教程没有将关键字“导出默认”添加到任何组件中，我认为这可能与我在世博会应用程序上运行它有关？因
浏览 7提问于2017-06-21得票数 28
回答已采纳
我有两个Nagigator 1:StackNavigator和2:DrawerNavigator
我的反应本机和反应导航版本
“反应-本地人”："0.55.4"，
“反应-导航”："^1.0.0-beta.11"，
我的根导航器是StackNavigator，我从它中调用DrawerNavigator。
当我调用navigation.navigate('DrawerOpen')时，我的屏幕返回到initialRouteName。
我的StackNavigator
import DrawerNavigatorScreen from
浏览 0提问于2019-04-29得票数 0
我正在编写一个应用程序，使用的是反应导航。我的应用程序有一个底部的TabNavigator，其中每个选项卡由一个stackNavigator组成，如下所示：
Routes.js：
const FirstStack = createStackNavigator({
First: {
screen: FirstScreen,
navigationOptions: {
header: props => <AppToolbar />
}
}
});
const SecondStack = cre
浏览 0提问于2018-10-10得票数 1
回答已采纳
2回答
如何在中将屏幕模式锁定为纵向模式
我使用的React导航版本: 4.0.10
这是我的导航结构
const AppNavigation = createSwitchNavigator({
Initialize: {
//screen: SplashScreen,
screen: Login,
},
ApplicationIntro: {
screen: ApplicationIntro,
navigationOptions: {
header: null,
},
浏览 7提问于2019-11-24得票数 2
回答已采纳
在我的反应本机项目中，我使用了一个堆栈导航来设置屏幕导航的流程。为此，我创建了一个HomeScreen.js类，下面是它的代码-
HomeScreen
import { createAppContainer } from 'react-navigation'
class HomeScreen extends React.Component {
state = {
getValue: null,
}
async componentDidMount() {
const token = await Asyn
浏览 0提问于2019-04-17得票数 1
2回答
你好程序员，
我对React导航有一些问题，我使用来做Tab导航器，但是图标没有出现！然后用图像替换图标，它正确工作，这不是反应本机矢量图标的问题，因为我在其他屏幕上使用它们，这是工作的，
版本
反应-本机-矢量-图标"^6.1.0“
“反应-导航”："^3.0.8“
屏幕
其他屏幕使用RN矢量图标
我的密码
import React, { Component } from "react";
import { StyleSheet, Text, View, Image } from "react-native";
import
浏览 0提问于2018-12-20得票数 4
1回答
我使用的是反应导航在我的应用程序中导航。我有一个屏幕(登录屏幕)，我不希望NavBar显示。我怎么才能把它移除？
我尝试在hideNavBar中使用navigationOptions，但它没有成功。
浏览 1提问于2017-05-05得票数 2
回答已采纳
1回答
我是新的反应本机，并试图遵循教程学习，但无法获得导航之间的屏幕工作。我以前曾让它在一个屏幕上正常工作，但是当添加导航时，我会出错。
以下内容：
给我这样的代码：
import React from 'react';
import {
StackNavigator,
} from 'react-navigation';
export default class HomeScreen extends React.Component {
static navigationOptions = {
title: 'Welcome',
浏览 0提问于2017-06-12得票数 0
2回答
我正在尝试华北的地图服务：
react-native-hms-map
但是当我从堆栈导航器调用组件时，它没有显示地图，如果我只在App.js中放置Mapview的de组件，它会显示映射，我尝试使用不同的样式，但我不知道该做什么。
这是我使用的代码：
Map.js
import React, {Component} from 'react';
import {View, StyleSheet, Picker} from 'react-native';
import MapView from 'react-native-hms-map';
浏览 3提问于2020-07-06得票数 1
1回答
我刚开始使用jQuery和PhoneGap构建移动应用程序，我需要一个如何实现以下目标的建议：
在我的主仪表板上，我有一个邮箱列表(React )
1. MailBox1
2. Mailbox2
3. Mailbox3
然后，单击特定邮箱后，我想列出其中的所有项目(在一个新的屏幕/组件/页面上)：
1. MailBox1_Item1
2. MailBox1_Item2
每个邮件项目都有自己的详细信息。单击邮件项目后，我希望能够在新的屏幕/组件/页上显示其详细信息。
MailBox1_Item1 was created on 10/10/18
MailBox1_Item1 was created
浏览 0提问于2018-12-31得票数 0
我正在用两个屏幕创建一个非常简单的选项卡导航。我想在每个屏幕的顶部显示一个标题。我正在运行以下代码，但没有看到任何标题。标题只是不出现。
我使用的是react导航@3.11.1，我尝试将其恢复到3.10.0甚至3.0.0，但仍然看不到标题。所以我假设这不是反应导航中的错误。
更新:这是预期的行为。见：
import React, {Component} from 'react';
import { View, Text } from 'react-native';
import { createAppContainer, createBottomTabNav
浏览 1提问于2019-08-05得票数 0
我是非常新的反应-本机，我目前正在处理我的应用程序使用反应导航导航。我想要能够添加一个按钮到我的应用程序的标题栏创建的反应-导航，并能够按一个按钮来调用一个函数。
static navigationOptions = ({ navigation }) => {
const { params } = navigation;
return {
title: 'Assign To',
headerRight: (
<Button
title='Back'
onP
浏览 2提问于2017-10-24得票数 0
回答已采纳
1回答
我有以下嵌套的结构：
- StackNavigator
- TabBar
- TabScreen1
- TabScreen2
- TabScreen3
- TabScreen4
- NormalScreen
主堆栈导航器称为如下所示：
<Router notifications={6} />
看起来是这样：
const Router = StackNavigator({
MainTabBar: { screen: MainTabBar },
ChartDetailScreen: { screen: ChartDetailScreen },
浏览 0提问于2018-01-19得票数 0
回答已采纳
1回答
我刚开始反应-土生土长。因此，我一直在浏览一些关于react导航网站的文档，以了解modals等的工作原理。这段代码可以在这里使用： --我不明白一些事情：
为什么需要以下代码?它到底在做什么？
static navigationOptions = ({ navigation }) => {
const params = navigation.state.params || {};
为什么我们不调用this.props.navigation.navigate，而不是在这一行中只调用navigation.navigate：
onPress={() =
浏览 0提问于2019-08-23得票数 1
回答已采纳
2回答
有了react导航，StackNavigator，简单的标题就会被包装起来。如何显示完整的标题？在下面的代码中，标题是个人信息。但是这个标题在iPhone 5s设备和模拟器上并没有完全显示出来。
版本：
“反应-导航”："^1.0.0-beta.11“
“反应-本地人”："^0.47.2“
静态navigationOptions ={标题：“个人信息”}；
浏览 0提问于2017-09-02得票数 4
回答已采纳
1回答
使用back按钮重新呈现视图
、、、、
我使用的反应导航模块的导航在反应-本机项目，我想再次调用componentWillMount()时，后退按钮是按下。My router.js:
import React, { Component } from 'react';
import { TabNavigator ,StackNavigator ,NavigationActions} from 'react-navigation';
import Login from '../Login/Login';
import SignUp from '../Registration/S
浏览 4提问于2017-09-29得票数 2
CategoryMealScreen.navigationOptions = navigationData => {
const catId = navigationData.navigation.getParam('categoryId');
const selectedCategory = CATEGORIES.find(cat => cat.id === catId);
return {
headerTitle: selectedCategory.title
};
};
上面的工作原理与反应导航4内部的一个组件。但它不适用于反应导航
浏览 1提问于2022-01-19得票数 0
回答已采纳
我有一个世博会反应原生应用程序与反应导航v3。 我正在将一个signOut函数从我的主应用程序传递给我的一个堆栈导航器的header组件。我想传递这个头一次，所以我不想把它添加到每个屏幕的navigationOptions中。 我在访问MainStackNavigator中的属性并将函数传递给组件时遇到了问题。 主应用程序 render () {
return (
<View style={styles.container}>
<AppNavigator screenProps={{ signOut:
浏览 26提问于2019-08-30得票数 0
我想从BottomTabNavigator导航到堆栈导航器。但是当我在BottomTabNavigator内部分配堆栈导航器时，The component for route 'route_name' must be a React component错误显示。 ? 下面是我的代码： const BottomTabNavigator = createAppContainer(createBottomTabNavigator(
{
Home: {
screen: HomeScreen,
navigationOptions:{
浏览 19提问于2020-01-13得票数 0
回答已采纳
场景:
我有一个应用程序与三个导航标签(学校，行政，家庭)；
我现在正在尝试添加其他屏幕，这将没有相应的选项卡。这些屏幕将被导航到使用类似于this.props.navigation.navigate('ChatScreen')的东西。
发布--在我过去的解决方案中，每当我添加屏幕时，它都会为该屏幕添加一个选项卡。
Todo :
我想要在我的导航堆栈中的选项卡，以及其他正常(非标签)屏幕。
- I would like both the tabs and the header to be persistent
我没有成功地将两者结合在一起，并
浏览 0提问于2018-08-23得票数 7
1回答
使用异步存储的原生
、、、
我一直在努力寻找资源/代码来帮助我，但我遇到了困难。目前，如果用户登录到异步存储，我将保存他们的Auth令牌。在加载应用程序的App.js中，我调用异步Storage.getItem()，如果令牌不是null，我希望它们转到主屏幕，但如果是null，则调用欢迎屏幕。我在设置导航方面有困难。
App.js
import Navigator from "./homeStack";
export default function App() {
const [isLogedin, setIsLogedin] = useState(false);
const readData
浏览 6提问于2021-12-13得票数 0
1回答
创建新领域对象后导航中的错误
、、、、
我使用的反应本机导航包以及领域在我的项目。我的应用程序有一个名为Notebook的领域对象，它包含一个Verse对象列表，这是另一个领域对象。
该应用程序的结构非常简单，第一页显示了一个Notebook的列表，当选择其中一个时，应用程序转换到第二个屏幕，这是一个Verse的列表。
下面是我从笔记本列表导航到诗歌列表的代码：
this.props.navigator.push({
screen: 'com.beyersapps.biblebinderrn.verselist',
title: notebook.name,
passProps: {notebook: n
浏览 3提问于2017-07-07得票数 1
回答已采纳
1回答
我正在构建一个应用程序，作为一个测试，我将令牌存储在密钥链中。在导航中，我使用堆栈导航器和切换导航器。我正在尝试从密钥链中检索令牌，并使用它来确定intialRouteName :如果令牌存在->主，如果没有->身份验证。
这是我的密码：
Navigation.js
import React, { Component } from 'react'
import {
createStackNavigator,
createAppContainer,
createSwitchNavigator
} from 'react-navigation
浏览 2提问于2019-06-02得票数 0
我需要创建一个反应本地应用程序导航抽屉，我面临一些问题。
我有三个不同的屏幕："HomeScreen“、"ScreenOne”、"ScreenTwo“、"ScreenThree”，我的导航代码是这样的：
export const HomeNavigator = createStackNavigator({
Home : { screen : HomeScreen },
One: { screen : ScreenOne},
Two : { screen : ScreenTwo }
},{
unmountInactiveRoutes
浏览 0提问于2019-06-18得票数 1
回答已采纳
1回答
反应导航模态滑动
、、、
我目前使用的反应导航在一个项目，并遇到了一个视图问题。我有两个主屏幕，Login和Main。登录后，用户将被带到Main屏幕上。主屏幕有一个照相机按钮，该按钮在模态视图中打开相机组件。
在相机模式上从左到右滑动回到Login屏幕。我需要它回到主屏幕上。
下面是我如何设置它：
export const LoginStack = StackNavigator({
Login: {
screen: Login,
navigationOptions: {
header: null
}
}
})
export const MainStack = StackN
浏览 0提问于2017-06-10得票数 0
回答已采纳
我正在使用react原生导航v5，我有一个堆栈导航器，它呈现一个抽屉导航器，在这个抽屉导航器中，我呈现我所有的屏幕。以前，这是另一种方式-我有一个抽屉导航来呈现主栈导航，但问题是我希望抽屉导航显示在标题栏下面，所以切换后它可以工作。现在的问题是，我无法使用navigationOptions更改组件的标头 这是我的堆栈导航器： <SafeAreaProvider>
<Stack.Navigator
openByDefault={true}
backBehavior="history"
initialRout
浏览 27提问于2020-11-06得票数 0
我似乎无法使用navigation.navigate将数据传递到选定的屏幕。它在其他任何地方都能工作，除了这里的头。
// Router.js
const ResultStack = StackNavigator({
Result: {
screen: Result,
navigationOptions: ({ navigation }) => ({
headerTintColor: "#FFF",
headerLeft: (<Button onPress={() => navigation.goBack(null)}
浏览 0提问于2018-03-10得票数 1
5回答
我正在尝试创建多个屏幕，并在它们之间切换，我认为反应导航将是很棒的。但是，尽管将header设置为null，我还是遇到了header自动出现的问题。我将我的App.js createStackNavigation设置为：
const AppNavigator = createStackNavigator({
register : {
screen: RegisterScreen,
},
login: {
screen: LoginScreen,
},
home : {
screen: HomeScreen
},
},
{
navigationOptio
浏览 1提问于2019-10-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
