React-Native:使用react-native导航或react导航时，组件仅在加载的最后一个选项卡上正常工作
React-Native是一种跨平台的移动应用开发框架，它允许开发者使用JavaScript和React的语法来构建原生移动应用。当使用react-native导航或react导航时，组件可能只在加载的最后一个选项卡上正常工作的原因可能有以下几个方面：
- 组件加载问题：在React-Native中，组件的加载是按需进行的，即只有在需要显示的时候才会进行加载。当切换选项卡时，之前的选项卡上的组件可能会被卸载，而新选项卡上的组件会重新加载。如果组件的加载过程中存在问题，可能会导致组件在切换选项卡时无法正常工作。
- 生命周期管理：React-Native中的组件有生命周期方法，如componentDidMount、componentDidUpdate等。这些方法可以用来处理组件的初始化、更新等操作。在切换选项卡时，组件的生命周期方法可能会被调用，如果这些方法中存在问题，可能会导致组件无法正常工作。
- 导航库的问题：React-Native有多个导航库可供选择，如React Navigation、React Native Navigation等。不同的导航库可能有不同的实现方式和特性，如果选择的导航库存在问题或者配置不正确，可能会导致组件在切换选项卡时无法正常工作。
解决这个问题的方法可以有以下几种：
- 检查组件的加载过程：确保组件的加载过程中没有出现错误或异常。可以通过打印日志或使用调试工具来检查组件的加载情况。
- 检查组件的生命周期方法：确保组件的生命周期方法正确地处理了初始化、更新等操作。可以在生命周期方法中添加日志或使用调试工具来检查方法的执行情况。
- 检查导航库的配置：确保选择的导航库配置正确，并且与组件的使用方式相匹配。可以查阅导航库的文档或示例代码来了解正确的配置方式。
- 尝试其他导航库：如果当前选择的导航库存在问题，可以尝试使用其他导航库来解决。React-Native社区中有很多导航库可供选择，可以根据需求和个人偏好进行选择。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iot
- 腾讯云存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/vr
相关·内容
我正在尝试创建一个底部标签导航器，它将加载到移动浏览器中。我只知道如何在React-Native中使用react导航的。我不知道浏览器的ReactJS应该使用什么。
浏览 2提问于2019-12-05得票数 1
1回答
React原生道具管理
、、、
Iam使用react-native-router-flux在react-native中导航。
我的标签使用相同的组件和不同的道具。更改第一个制表符时，一切正常，但返回相同制表符时，属性不变。
返回到同一个标签页时应该使用什么方法？
App.js
<Scene key="root" hideNavBar={true}>
<Scene key="rootTabBar" tabs={true} hideNavBar={true}>
<Scene
key="firstCaregory"
t
浏览 17提问于2019-10-26得票数 0
2回答
我试图创建一个新的反应-本机移动应用程序。但是，当我添加了react本机导航(堆栈，底部)时，出现了一个问题。
每当应用程序第一次加载或第一次打开屏幕时，堆栈导航的标题部分首先扩展，然后返回到正常大小。与底部导航一样，它扩展并恢复到正常大小。不太确定用英语解释它，但我拍了一个视频，并把它转换成gif，让你对这个问题有一个清晰的看法。
安装了最新版本的软件包
"dependencies": {
"@react-native-community/masked-view": "^0.1.10",
"@react-nav
浏览 3提问于2021-04-24得票数 1
我正在用React创建简单的倒计时组件--原生的并且使用这个包react-native-countdown-component，我想破坏这个Timer组件或者在焦点屏幕改变时停止它的执行，对于底层导航我使用的是React-Native Tab navigation，什么是最好的解决方案来达到这个结果？
import { MaterialCommunityIcons } from "@expo/vector-icons";
import React, { useEffect, useState } from "react";
import { View } f
浏览 3提问于2022-01-29得票数 3
回答已采纳
当用户单击react-Navigation5 headerRight中的“编辑”按钮时，我希望文本切换为“完成”，但似乎是导航选项。没有访问当前状态的权限。如何更新才能正常工作？
import React, {useState, useLayoutEffect} from 'react';
import { TouchableWithoutFeedback, View, Text } from 'react-native';
export default function ListScreen({navigation}){
const [editMode,
浏览 14提问于2020-06-08得票数 1
回答已采纳
我用的是反应导航。我需要从screen1导航到screen2。我创建了选项卡导航，其中包括一些屏幕，但不包括screen1。当我单击screen1中的一个按钮转到应该显示在选项卡式屏幕上的screen2时，它显示的是错误。
这是screen1(Main.js)
import React, { Component } from 'react';
import {
ImageBackground,
StyleSheet,
Text,
View,
Modal
} from 'react-native';
import { Container, He
浏览 1提问于2018-02-05得票数 2
回答已采纳
我的主屏幕上有一个顶部和底部的条。我想做的是我有一个对象，叫它routeNames.js。我要房间名称作为我的顶级酒吧导航员，房间项目(笔记本电脑，电视等)作为底部酒吧导航。
我只是在不使用routeNames.js数据的情况下这样做，但我想通过使用这些数据来完成它，并创建导航器。另一个问题是如何在底部导航器中有更大的图标？现在它看起来太小了
下面是我的项目现在的样子：
HomeScreen.js
import React from "react";
import { Text, View } from "react-native";
import ro
浏览 3提问于2021-05-06得票数 0
回答已采纳
我有一个关于react-native的问题。如何在加载初始路由时挂载所有组件？我正在使用反应导航的抽屉导航器。
浏览 1提问于2018-10-22得票数 0
我正在尝试构建一个非常简单的react本地应用程序来测试react导航。它可以正常工作，直到我安装了react导航并加载以下代码。
import { StackNavigator } from 'react-navigation';
在运行时，它给我消息“无法解析来自'Users/me/Desktop/Code/flexbox/node_modules/react-navigation/src/views/Header.js'...”的模块'react/lib/ReactComponentWithPureRenderMixin‘尽管该文件实际上存在于该位
浏览 2提问于2017-04-18得票数 0
回答已采纳
8回答
从堆栈导航器反应导航5隐藏标签栏
、、、、
我想知道如何将底部选项卡条隐藏在我的堆栈导航器中的特定屏幕中，该屏幕嵌套在物质底部选项卡栏上。
这是我的堆栈导航器的代码
import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import PondScreen from '../screens/PondScreen/PondScreen';
import PondDetailScreen from '../screens/PondScreen/PondDetai
浏览 10提问于2020-02-11得票数 27
回答已采纳
2回答
本机导航不起作用
、、
我试图使用react本机导航在两个屏幕之间导航。它从index.js到EnableNotification.js工作，但从EnableNotification.js到CreateMessage.js不起作用。
EnableNotification.js
/**
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from "react";
import { View, Text, Image, Button, StyleSheet } from "re
浏览 3提问于2017-04-25得票数 0
回答已采纳
我真的无法使我的导航工作，我正在使用反应导航(StackNavigator)。
这是我的结构：
我的导航工作在HomeScreen.js中:我从HomeScreen.js导航到NewScreen.js，没有问题。
App.js:
import React from 'react';
import {
StatusBar, AppRegistry
} from 'react-native';
import {StackNavigator} from 'react-navigation';
import {HomeScreen} from &
浏览 1提问于2017-07-26得票数 8
回答已采纳
切换到反应本机导航后，我的应用程序无法正确启动。
它要么显示为空白屏幕，要么立即切换到后台，而无法切换回来。摇动设备或远程命令adb shell input keyevent 82不会显示开发人员菜单。
用react-native init创建的新应用程序的结果也是一样的。
在这两种情况下，我都严格地完成了以下步骤：
启动示例应用程序也不能正常工作，但是它会启动，我可以使用dev菜单，尽管redux示例对我来说很好。
我发现很多人以前也有同样的问题，但没有解决办法。，它说导航工作和问题在JS方面。但是，如何修改JS应用程序来使用这个导航系统呢？
浏览 1提问于2018-02-23得票数 4
一直在寻找关于导航错误模块的解决方案。我尝试过重置缓存，删除nodu_modules，重新安装模块，但仍然不能工作。
错误的全部细节
Unable to resolve module `@react-navigation/native` from `src/App.js`: @react-navigation/native could not be found within the project.
Package.json
"@react-native-community/masked-view": "^0.1.9",
"native-base
浏览 8提问于2020-04-15得票数 3
1回答
如果这个问题已经在其他地方得到了回答，请随时给我指出正确的方向，但我无法通过这里或谷歌找到它。也许我只是不知道这个东西的正确名称？
我目前正在使用react导航(用于react-native)，我想知道是否有可能使选项卡栏中心的一个图标比其他图标更大，特别是在页面滚动时使其后面具有透明度。
在这里模拟一个例子：
有没有人知道这个库有没有可能做到，以及如何实现？
我也在想，一旦他们真正发布了一个没有损坏的、错误的、带有准确文档的版本，并且没有与当前版本的react-native一起损坏，我就可以尝试一下Wix库react-native-navigation。(它现在有点灾区，但它看起来非常好，所
浏览 1提问于2017-04-26得票数 9
我想在react Native bottom选项卡中加载要激活的仪表板选项卡。每当仪表板加载时导航，但只要我移动到仪表板，它就会移动到收件箱屏幕，这是我的react Bottom选项卡导航中的第一个元素。有没有办法在使用屏幕底部选项卡时创建默认屏幕？
我用来进行底部导航的代码是
dashboard: {
screen: createBottomTabNavigator({
inbox: {
screen: Chat,
navigationOptions: ({ navigation })
浏览 0提问于2019-04-08得票数 9
回答已采纳
在使用createMaterialTopTabNavigator()与React导航v5进行本机反应时，我看到了以下错误：
Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or
浏览 6提问于2020-08-21得票数 2
回答已采纳
我需要知道它是否能够使用react-native实现我想要的行为。
我正在尝试找到一种方法来导航到从一个静态定义的屏幕多次创建的特定屏幕。首先，通过以下方式创建多个屏幕：
this.props.navigation.push('tabScreen') // option 1
this.props.navigation.navigate({routeName: 'tabScreen', params: {}, key: uuid()}) // option 2
我可以使用stackNavigator成功地创建多个相同的屏幕，但问题是我需要能够导航或“
浏览 11提问于2020-01-08得票数 0
2回答
我有一个简单的反应本地项目在世博会，它推出一个网站使用。
以下是源代码：
import React from "react";
import { StyleSheet, View, SafeAreaView } from "react-native";
import { AntDesign } from "@expo/vector-icons";
import { WebView } from "react-native-webview";
export default function App() {
const go
浏览 6提问于2020-07-12得票数 4
回答已采纳
我正在创建一个名为HomeIcon的组件并通过defaultNavigationOptions > headerRight将其插入到header中，我通过分配this.props.navigation.navigate('Main');在这个组件中添加了一个onPress，其目的是单击这个组件加载MainScreen，但是当我单击上面的标题中描述的错误时。下面是代码：
import React from 'react';
import { StyleSheet, TouchableOpacity, Image, Dimensions } from '
浏览 0提问于2019-04-15得票数 0
回答已采纳
我已经在我的项目中添加了一个选项卡栏组件，我已经从简单的组件导航到该组件，但问题是导航栏即将到来，但我无法更改导航栏的任何属性。请帮帮忙。 我已经尝试了直接导航，然后导航栏在没有选项卡底部项目的情况下工作 import React, { Component } from "react";
import { View } from "react-native";
import { Container, Content, Picker, Button, Text } from "native-base";
import { createBottom
浏览 10提问于2019-03-30得票数 0
当我使用props.navigation.navigate(“示例”)时，它正常工作。但是，如果我将组件导入到另一个页面上，它就不再工作了，道具会返回一个空对象。
工作良好：
const Menu = props =>{
console.log(props)
return(
<View style={styles.menuStyle}>
<TouchableOpacity style={styles.topicDiv} onPress={() =>props.navigation.navigate("Ads
浏览 2提问于2021-11-14得票数 0
回答已采纳
据我所知，应该这样做，以便useFocusEffect可以作为useEffect进行测试(模拟)。我将useFocusEffect用于fetchData：
useFocusEffect(
useCallback(() => {
fetchData();
}, [fetchData]),
);
错误消息：反应-导航钩子需要一个导航上下文，但找不到。确保您没有忘记创建和呈现react导航应用程序容器。如果需要访问可选导航对象，则可以使用useContext(NavigationContext)，这可能会返回
包版本：
"jest": "^24.9.0&
浏览 19提问于2020-02-07得票数 12
回答已采纳
2回答
我目前收到错误“获取屏幕'Home‘的'component’属性的无效值。”它必须是有效的React组件。‘’我正在尝试将选项卡导航器链接到一系列不同的屏幕。请看下面的代码，并提前感谢。我显然是个初学者，哈哈
import React from 'react';
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
StatusBar,
} from 'react-native';
import {NavigationContainer} from '
浏览 22提问于2020-05-27得票数 1
当我使用style属性alignItems:"center“表示父元素视图(包含react导航组件)时，它将显示空白屏幕。
但是没有这个属性，所有的东西都能正常工作，只是内容不是中心的。
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createAppContainer, createStackNavigator } from 'react-navigation';
import MainScreen f
浏览 1提问于2019-07-09得票数 0
回答已采纳
我正在研究如何在react原生软件中设置颜色动画，并遵循了本教程
我所做的就是首先运行react-native init，然后用下面的代码替换我的App.js中的代码
import { StyleSheet, View, Text, Animated } from 'react-native';
import React, { Component } from 'react';
export default class App extends Component {
componentDidMount() {
this.animatedValue = n
浏览 0提问于2018-02-08得票数 4
回答已采纳
我试图添加一个正确的按钮到导航栏，以推动一个视图。我想在Tab课上做这件事。我使用的代码来自导航示例，但我无法获得正确的按钮工作。选项卡页很好地加载，但是当我单击右侧按钮时，会得到以下消息：
message: undefined is not an object (evaluating 'this.props.navigator.push')"
主app.js
'use strict';
var React = require('react-native');
var Tabs = require("./
浏览 1提问于2015-03-31得票数 4
回答已采纳
这是容器文件。在这里，我已经为底部导航定义了所有必需的细节，它在屏幕顶部呈现，但应该在屏幕底部呈现。
import { NavigationContainer } from "@react-navigation/native";
import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
import HomeScreen from "./Fragments/HomeScreen";
import WalletScreen from
浏览 9提问于2022-03-22得票数 0
回答已采纳
我有一个应用程序，其中只包括导航包。在IOS上，一切都很好，但在Android上，标题和/或底部的选项卡似乎是跳跃的(可能是重新计算它们的位置)。只有当我使用导航组件和应用程序刚刚启动时才会发生这种情况。有没有人面临同样的问题？
提前谢谢。
包：
"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/bottom-tabs": "^5.6.1",
"@react-navigation/native": "^5.6
浏览 7提问于2020-07-03得票数 19
1回答
我试图在react本机中生成一个back按钮，并在函数组件中使用navigation.goBack()，但是如果我对导航进行了控制，那么它就给了我一个未定义的按钮
import React from 'react';
import {
Text,
StyleSheet,
Image,
View,
Dimensions,
TouchableOpacity,
} from 'react-native';
import backIcon from '../assets/back-black.png';
const {width
浏览 4提问于2020-10-12得票数 0
回答已采纳
3回答
我正在尝试实现类似Instagram的导航
我在App.js中有一个按钮选项卡导航
import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import { createAppContainer, createBottomTabNavigator} from 'react-navigation';
import Ionicons from 'react-native-vector-icons/Ionicons'
浏览 3提问于2019-02-13得票数 0
图标显示在屏幕/页面中，但不会显示在底部导航中。我尝试过的解决方案：
按照的安装指南，我尝试了GRADLE &手动选项，但结果相同
曾经尝试过./gradlew clean然后npx react-native run-android，但是结果是一样的
曾经尝试过npx react-native link react-native-vector-icons然后npx react-native run-android，但是结果是一样的
截图底部导航条
屏幕截图设置屏幕
它确实出现在屏幕/页面上，如上面的屏幕截图所示，但不会显示在底部的导航中。
注意:
浏览 0提问于2020-11-04得票数 2
回答已采纳
我无法理解react-native-android的导航器流程。我指的是以下链接：
但这与IOS有关。我也可以在react-native Android上使用相同的代码吗？
我也是指这个：
浏览 1提问于2016-08-26得票数 1
回答已采纳
1回答
我有和描述的完全相同的问题。当使用Tabs或抽屉在屏幕之间导航时，每个屏幕都会重新加载，从而导致我的应用程序出现问题。
我试图遵循线程中给出的一些建议，但我无法在代码中应用它。例如：
对我来说，解决方案是将导航器嵌套为屏幕组件的子元素，而不是将导航器插入组件属性。将其包装在文件的顶层，并将其分配给一个变量，然后在组件中使用该变量。
我的抽屉是由4个快捷的4个屏幕(家庭，历史，组，设置)。前三个也可以从主屏幕底部的选项卡中获得。
这是我的代码：Navigation.js
import React from "react";
import { TouchableOpacit
浏览 5提问于2021-02-13得票数 3
回答已采纳
如何通过在expo中按下按钮来加载webview内容?我是否必须使用导航？ import * as React from 'react';
import { WebView } from 'react-native-webview';
import {View} from 'react-native'
export default function App(){
return (
<View>
<Button title={'CLICK'} onPress={()=> &l
浏览 41提问于2021-06-24得票数 0
1回答
我试图使用类组件语法向屏幕添加导航。
我现在有两个屏幕在堆栈导航器中。在我的第一个屏幕(配置文件)，我有一个按钮，我想用来触发另一个屏幕。
我得到了一个“道具的标题必须是字符串”错误。我假设导航支柱应该已经存在，当我用测试操作替换导航语句时，它加载得很好，并且工作正常。
下面我包含了主App.js，它有我的堆栈声明，然后是在呈现中有问题按钮的profile.js。我还包括了我的package.json的家属。在这里可以看到一个实时版本&<snack.open.dev/ERocq68UX>
import { NavigationContainer } from '@r
浏览 2提问于2022-10-03得票数 1
回答已采纳
我得到了这个错误：
加载页面时遇到错误-错误名称未解析
为什么？
import { WebView } from 'react-native';
render() {
return (
<WebView
source={{uri: 'https://github.com/facebook/react-native'}}
style={{marginTop: 20}}
/>
);
}
}
为什么？
浏览 6提问于2017-02-24得票数 0
回答已采纳
1回答
您好，我正在尝试从名为“商品”的产品页面中导航到购物车，但我似乎无法使用标题导航。我试过使用选项和屏幕选项，但两者都不起作用，我想我把导航放错了地方？我已经将购物车导航加载到了merch nav中，但是我似乎无法从购物车图标组件导航到它 MerchNav import React from 'react';
import { StyleSheet, Text, View, Image, SafeAreaView, Dimensions } from 'react-native';
import { useDimensions } from '@reac
浏览 10提问于2021-04-10得票数 0
3回答
我试着把堆栈导航和抽屉导航放在一起。基本上，我希望抽屉一直只在一个场景中。我试过这样做，但什么也没有发生。我无法理解我做错了什么。
P.S:，我是新的反应者--本地人。
ConversationListScreen.js
import React, { Component } from 'react';
import {
View,
Text,
Button,
TouchableNativeFeedback,
Alert,
} from 'react-native';
import Icon from 'react
浏览 6提问于2017-10-14得票数 0
我正在做基本的react原生导航示例，但当我试图让它工作时，我得到了错误！
以下是导航模块：
// In App.js in a new project
import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation
浏览 4提问于2021-04-01得票数 0
2回答
我是react原生的新手。我已经使用了Wix react-native导航库来在页面之间导航。我想为导航编写一个单独的类，比如bellow，并在我的项目中需要它的任何地方调用它。但是我得到了"this.props.componentId“的错误。下面是我的导航函数： ScreenNavigation.js import React,{Component} from 'react';
import {Navigation} from "react-native-navigation";
class ScreenNavigation extends Co
浏览 11提问于2019-01-23得票数 0
我的屏幕使用堆栈导航。我最初连接了我的设备(AndroidVersion10-RealmeXT)，导航工作正常。但后来，我在模拟器(Android 9)上尝试了同样的东西，它开始重叠屏幕。同样的事情也发生在其他设备上(AndroidVersion9RedmiNote5pro)。
导航文件代码是：
import React from 'react';
import {createStackNavigator} from '@react-navigation/stack';
import Abc from './abc';
import xyzfro
浏览 1提问于2020-10-29得票数 0
回答已采纳
React-Native中的Navigator和ViewPagerAndroid组件有什么不同？什么时候使用它们？似乎两者都可以用来在应用程序的不同屏幕之间导航。
浏览 2提问于2015-12-12得票数 0
2回答
我正在用RN开发一个新的应用程序，并使用react导航库中的TabNavigator，这是TabNavigator只显示第一个标签的最基本的例子。我在某个地方读到过，它可能是一个bug，可以通过将react降级来解决--导航到1.0.3，但它对我没有用。如何解决这个问题？
app.js
import React, { Component } from 'react';
import Dashboard from './screens/Dashboard';
import Profile from './screens/Profile';
//
浏览 2提问于2018-04-22得票数 1
回答已采纳
我使用的是react-native的Modal组件，我使用的是react-native的StatusBar组件。但是，当我将隐藏属性的值设置为true时，它不能正常工作，但是当我在另一个视图组件中使用这个StatusBar组件时，它工作得很好。以下是一些屏幕截图和我代码示例 ? 代码示例 <Modal
animationType="slide"
transparent={false}
visible={this.state.modalVisible}
onRequestClose={()
浏览 25提问于2019-05-21得票数 0
我在React Native中运行单元测试，这些单元测试需要模拟NativeEventEmitter和NativeModules，但将其他所有内容都保留为真正的代码。
这部分似乎正常工作，除非在运行时，我得到这个错误。
Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'DevSettings' could not be found. Verify that a module by this name is registered in the native binary.
at inva
浏览 2提问于2021-02-23得票数 1
2回答
我已经开始为所有三个平台(web，ios和android)开发一个具有单一代码库的应用程序。
我偶然发现了这两个库，我想知道哪一个更好，为什么？
此外，我还遇到了许多开源的原生react项目，例如、。
我可以在我的react-native-web或reactXP应用程序中集成react导航(或任何流行的react-native模块)吗？
请提供您的输入和TIA。
浏览 1提问于2018-08-31得票数 2
1回答
我正在尝试添加本机基本标签组件到我的项目使用世博。我完全通过本机基础自己的例子来测试它是否工作，但无法使它工作任何选项卡。
此外，为了检查依赖是否导致问题，我在新的项目上测试它，并且选项卡再次失效。因此，I测试选项卡而不使用，并且它运行了。因此，我相信问题是世博会，但我不知道如何解决它。我会在下面写我的依赖性，谢谢你的帮助。
选项卡不起作用的部分是，当我单击Tab2或Tab3时，没有任何更改，它被卡在Tab1(初始选项卡)上。而且，它不包含任何Tab的内容，包括初始Tab (Tab1)。
我的依赖性：
"axios": "^0.18.0",
"expo&
浏览 1提问于2019-03-05得票数 1
我不希望导航改变，只想改变图标。因此，我可以拦截按钮按下并阻止导航，但我还没有找到如何改变图标。我想改变一下，如果从一个剧本到一个停顿。
显示图标的nav选项：
this.props={isPlaying:false}
const PlayStack = createStackNavigator({
Play: PlayScreen,
});
PlayStack.navigationOptions = {
tabBarLabel: ' ',
tabBarIcon: () => (
<PlayTabBarIcon
name={Pla
浏览 0提问于2018-10-11得票数 1
回答已采纳
在我的上，我最初是在加载SceneA，它只显示一个文本"Click“。单击此按钮时，我希望加载一个完全不同的屏幕(SceneB)，该屏幕具有完全不同的组件。
我在网上找到的所有示例(如下面的示例)都加载了一个完全相同的组件，但值不同的场景。在我的例子中，这是一个完全不同的布局。如何导航到新屏幕(SceneB)？
它基本上相当于Android上的一个新活动，同时传递一些数据。任何指示都将不胜感激。
index.android.js
import React, { Component } from 'react';
import { AppRegistry, Navigat
浏览 1提问于2016-12-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
