react-navigation 相关问题

反应导航将屏幕推送到另一个选项卡中

我有选项卡导航器和堆栈导航器嵌套如下： - 选项卡_1 -------- 堆栈_1 -------- 堆栈_2 -------- 堆栈_3 - 选项卡_2 我想使用 id 参数从 Tab_2 内部导航到 Stack_2....

将参数传递给选项卡导航器 React Navigation 5

我正在使用materialTopTabs，一旦安装，它似乎会加载导航器中的所有屏幕。我有一个屏幕列表，里面有一个带有 2 个屏幕的选项卡导航器：帖子和用户。这两个

React Navigation：在 React Native 中使用 navigation.replace 处理嵌套导航的错误

我正在使用 React Navigation 开发 React Native 应用程序，在用户身份验证后尝试导航到嵌套屏幕时遇到问题。 当前代码： 我有以下导航...

如何在createBottomTabNavigator中获取背景图片？

我一直在尝试获取标签栏的背景图像。我尝试使用 tabBarComponent 但它隐藏了它下面的选项卡。 我正在使用的代码是 导出默认 MainNavigation =

当我尝试在 React Navigation 上进行 Firebase Auth 时收到一条消息，提示我正在尝试嵌套导航器

我收到一条消息，说如果是故意的，请使用“independent = {true}”。我对此仍然很陌生，所以任何形式的帮助将不胜感激 这是我的应用程序。 js代码： 重要...

无法使用 React 导航从登录屏幕导航到报价屏幕

我目前有 2 个屏幕，我的目录结构如下所示： /观看次数 /引用 报价.js 登录.js 应用程序.js 我定义了我的 App.js，如下所示： 导入{样式表}...

React Native 中的 headerStyle 不会完全改变标题颜色

这是index.jsx 这是index.jsx <NavigationContainer independent={true}> <Stack.Navigator initialRouteName='Nav'> <Stack.Screen name="Nav" component={Nav} options={{ title: "Welcome", headerStyle: { backgroundColor: '#f4511e', }, headerTintColor: '#fff', headerTitleStyle: { fontWeight: 'bold', }, }} /> <Stack.Screen name="Form" component={Form} /> <Stack.Screen name="Login" component={LoginForm} /> <Stack.Screen name="network" component={Networking} initialParams={{ name: "Guest" }} /> </Stack.Navigator> </NavigationContainer> 这是我正在使用的物理设备的屏幕截图 队伍中央有一个摄像头，我可以在那里查看击球时间百分比等。 为什么颜色没有显示在顶部白条中？ 以及如何将 welcome 文本拉近顶部，我只用 headerTitleStyle 尝试过，但似乎没有任何效果。 您需要使状态栏半透明。 import { StatusBar } from 'react-native'; // Inside your component <StatusBar translucent />

从子导航容器返回父导航容器

我的整个导航生命周期（解释）： 应用程序.js： 路线（堆栈屏幕）：启动屏幕，登录屏幕，注册屏幕， optpscreen（组件=（子） 抽屉导航.js： 导航（抽屉屏幕...

错误表示您可能需要一个额外的加载器来处理这些加载器的结果

每当我尝试在react-native中使用native-base时，我都会在终端上遇到以下错误 ./node_modules/react-native-reanimated/lib/index.web.js 5:9 模块解析失败：意外的标记（5...

IOS 滑动返回手势不执行navigation.goBack()

我有一个抽屉导航器，里面有很多子导航器。 在 Android 上，标题后退箭头和导航栏后退按钮都可以工作并返回到之前的屏幕。 例如，如果我通过...导航到 bScreen1...

由于 CMake 和 Ninja 而反应原生退出

我正在尝试使用 React Native 构建一个应用程序。每当我安装 React-native-navigation 及其所有依赖项时，我都会收到一些错误。这是我因安装而遇到的最新错误...

反应导航底部选项卡导航器在触摸屏幕上的任何位置时自动导航回初始屏幕

我在我的 React Native 应用程序中使用打字稿设置了底部选项卡导航器。 我在底部选项卡中有“主页”、“探索”、“票务”和“个人资料”屏幕。 当我点击

如何在React-Navigation/Drawer 6中实现“返回”

我在 React-navigation/drawer 6 中实现 goBack 函数时遇到问题（“@react-navigation/drawer”：“^ 6.1.4”，准确地说）。 我在react中能够完美实现-

如何从抽屉项目链接到外部网站react-native-expo

我这里有这个抽屉 返回 （ 我这里有这个抽屉 return ( <NavigationContainer > <Drawer.Navigator initialRouteName="MetalDetector" screenOptions={{ drawerStyle: { backgroundColor: '#8e9dad', width: 220 } }}> <Drawer.Screen name="MetalDetector" component={Home} options={{ headerRight: () => ( <Entypo name="sound" size={24} color="black" /> ), drawerLabel: '🛠 MetalDetector' }} /> <Drawer.Screen name="Settings" component={Settings} options={{drawerLabel: '🛠 Settings'}} /> <Drawer.Screen name="Calibrate" component={Home} options={{drawerLabel: '💡 Calibration'}}/> <Drawer.Screen name="Feedback" component={Home} options={{drawerLabel: '👨‍👩‍👧‍👦 Feedback'}}/> <Drawer.Screen name="Website" component={Home} options={{drawerLabel: '🌎 Website'}} /> </Drawer.Navigator> </NavigationContainer> ); } 我添加了一些抽屉屏幕，例如设置校准反馈和网站，但是我怎样才能使当有人单击网站时他实际上被重定向到网站？ 目前我有 <Drawer.Screen name="Website" component={Home} options={{drawerLabel: '🌎 Website'}} /> 我尝试添加 onclick 和 onPress 函数，但是在删除组件时出现错误，并且使用该组件时我无法链接到任何地方 我该如何解决这个问题？ 您可以使用 drawerContent 属性来做到这一点。看看这个小吃，看看它是如何做的。 老问题，但可能值得一提。 另一种方法是使用抽屉导航器中的 drawerItemPress 事件。来自文档 React.useEffect(() => { const unsubscribe = navigation.addListener('drawerItemPress', (e) => { // Check the name of the clicked item, if it matches the 'Website` name then prevent the default behavior and redirect to the site if(e.name === 'Website') { e.preventDefault(); Linking.openURL(externalLinks); } }); return unsubscribe; }, [navigation]); PS：只是不确定你是否可以从e.name得到名字。可能需要 console.log(e) 看看里面有什么。

React Navigation Wix 底部选项卡中的自定义按钮

我正在为我的应用程序使用React Navigation Wix，我想实现类似于以下设计的东西（附图）。 其实wix的问题在于我们没有定制的能力...

在 React Native 中将抽屉中的导航链接分组

我的抽屉导航有链接，但是我想用如下标题对链接进行分组。我怎样才能实现这个目标？ 以下是我的代码： 从 '@/screens/settings/linkon... 导入 LinkOne...

React-navigation默认抽屉图标，如何更改？

如何更改下图中的图标点？我无法在文档中找到文档，我想将其更改为不同的图标，但我不知道如何执行此操作。 我...

react-native-track-player错误播放器已经通过setupPlayer初始化了

我有一个带有react-native-track-player的react-navigation模式，关闭它并重新打开它会抛出错误The player has already beinitialized via setupPlayer。如何确保它只运行

找不到标题高度。您在 Stack 中的屏幕内吗？

我像这样将堆栈导航器嵌套在抽屉内？ const Drawer = createDrawerNavigator(); const renderDrawerItem = (道具: DrawerContentComponentProps) => { const langCode = 翻译。

如何设置 React Navigation StackNavigator 以自动将其参数传递到子屏幕

我有一些导航器设置如下： 选项卡导航器： 表1： 选项卡2（id）： 屏幕1 屏幕2 简而言之，我想导航到 Screen1，将 id 参数传递给 Tab2 并自动...