react-native-navigation 相关问题

将此标记用于与React Native Navigation库相关的问题,该库为React Native应用程序提供完整的本机导航解决方案。

警告需要循环:src\Navigation\StackNavigation.js -> src\Navigation\TabsNavigation.js -> src\Navigation\StackNavigation.js

警告需要循环:src\Navigation\StackNavigation.js -> src\Navigation\TabsNavigation.js -> src\Navigation\StackNavigation.js允许循环,但可能会导致未初始化的值...

回答 1 投票 0

基于 @react-navigation/native 的 Expo Snack 应用程序可以在其 Web 变体上运行,但在 Android 和 iOS 变体上启动时会崩溃

我一直在尝试在 Expo 的 Snack Web 界面上编写 React Native 应用程序。 这是我一直在使用的代码 [2]。 它在 Web 版本上运行流畅,但当我选择 Android 或 iOS 版本时...

回答 2 投票 0

React 导航 - 从标题按钮打开模式

我正在尝试从标题按钮打开模式视图。我使用 React Navigation v6 (https://reactnavigation.org/docs/modal/) 作为指南。 我遇到的错误似乎无法解决是: 错误...

回答 1 投票 0

导航到嵌套导航屏幕后,无法返回或查看嵌套导航初始路线

我在我的应用程序中使用了 MainBottomTabNavigation 和 StackNavigation。这是我的导航布局 主底部选项卡导航 仪表板屏幕 屏幕 1(堆栈导航) 屏幕 A(初始页) 科学...

回答 1 投票 0

使用抽屉导航时出现错误-toggleDrawer() 不是函数错误

我正在创建一个反应本机应用程序,其中我有一个带有菜单图标的组件应用程序标题,当我们按下抽屉时应该打开,但它给出错误 - 错误类型错误:导航...

回答 1 投票 0

React 导航抽屉的正确输入方式

输入 RNavigation 的正确方法是什么,目前我正在应用程序上执行此操作 导出类型 DrawerNavigatorType = { 商店:未知; ImagesStudio: { 图片: string[] }; // }; 常量抽屉 =

回答 1 投票 0

navigation.navigate(screenName) 在 React Native 中不起作用

App.js 从 'react' 导入 React, { Component }; 从'react-native'导入{查看}; 从 './app/components/Navigation/Route' 导入路线; 从“react-native-flash-messag...导入 FlashMessage...

回答 1 投票 0

如何保持 React Native 抽屉粘性?

这是组件的代码 这是组件的代码 <NavigationContainer> <Header deviceUid={deviceUid} /> <Drawer.Navigator drawerContent={props => <MotionMenu {...props} />} screenOptions={{ drawerPosition: 'right', drawerType: 'front', swipeEnabled: false, drawerStyle: { width: 320, }, drawerContentContainerStyle: { alignItems: 'center', alignContent: 'center', height: '100%', }, headerShown: false, detachInactiveScreens: false, }}> <Drawer.Screen screenOptions={{ headerShown: false, unmountOnBlur: false, }} name="App" component={TabNavigation} /> </Drawer.Navigator> </NavigationContainer> 我尝试了“drawerType:'permanent'”,但这只是将视图和抽屉彼此对齐 尝试此示例并相应地修改您的代码和导航配置: import * as React from 'react'; import { createDrawerNavigator, createStackNavigator } from '@react-navigation/drawer'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { NavigationContainer } from '@react-navigation/native'; // Sample screens (replace with your actual screens) function HomeScreen({ navigation }) { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>Home Screen</Text> <Button title="Go to Settings" onPress={() => navigation.navigate('Settings')} /> </View> ); } function SettingsScreen() { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>Settings Screen</Text> </View> ); } function ProfileScreen() { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>Profile Screen</Text> </View> ); } function NotificationsScreen() { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text>Notifications Screen</Text> </View> ); } // Create the tab navigator const Tab = createBottomTabNavigator(); const TabNavigator = () => { return ( <Tab.Navigator> <Tab.Screen name="Home" component={HomeScreen} /> <Tab.Screen name="Notifications" component={NotificationsScreen} /> </Tab.Navigator> ); }; // Create the stack navigator const Stack = createStackNavigator(); const StackNavigator = () => { return ( <Stack.Navigator> <Stack.Screen name="Tab" component={TabNavigator} /> <Stack.Screen name="Settings" component={SettingsScreen} /> </Stack.Navigator> ); }; // Create the drawer navigator const Drawer = createDrawerNavigator(); const DrawerNavigator = () => { return ( <Drawer.Navigator> <Drawer.Screen name="Home" component={StackNavigator} /> <Drawer.Screen name="Profile" component={ProfileScreen} /> </Drawer.Navigator> ); }; export default function App() { return ( <NavigationContainer> <DrawerNavigator /> </NavigationContainer> ); } 希望对您有帮助。

回答 1 投票 0

React Native 如何在底部选项卡导航器上方显示元素

我试图在底部选项卡导航器上方显示一个媒体播放器,就像在 Spotify 应用程序中一样。 它应该在所有屏幕(底部选项卡)上保持相同的状态。 有什么建议或方法

回答 4 投票 0

将 robots.txt 添加到 Expo 网页版

我正在使用 Expo 49 跨本机和网络进行构建。对于网络版本,我需要添加 /robots.txt 路由和其他类似路径。 在我的 /app 目录中,我尝试添加转义路径以确保它

回答 1 投票 0

如何更新 React Native 标题按钮

我有一个屏幕,可以获取存储在 useState 中的 isFavourite 数据。屏幕有两个按钮,其中之一是“喜欢”/“收藏”按钮。我正在尝试更新“喜欢”/“最喜欢”按钮的颜色

回答 1 投票 0

Git 错误 128 添加反应导航/底部选项卡

当我尝试执行“yarn add react-navigation/bottom-tabs”时,终端向我显示错误: 错误 命令失败。 退出代码:128 命令:git 参数: ls-remote --tags --heads ssh://[email protected]...

回答 1 投票 0

检查屏幕组件是否以模态方式呈现或者位于 React Native 中的 TabNavigator 中

使用React Native和react-native-navigation我按照以下方式设置了导航; const HomeLayout = () => { 返回 ( 使用 React Native 和 react-native-navigation 我按照以下方式设置了导航; const HomeLayout = () => { return ( <HomeStack.Navigator> <HomeStack.Screen name="Home" component={HomeScreen} /> <HomeStack.Screen name="Search" component={SearchScreen} options={{ presentation: "fullScreenModal", }} /> </HomeStack.Navigator> ); }; const TabLayout = () => { return ( <Tabs.Navigator> <Tabs.Screen name="HomeLayout" component={HomeLayout} /> <Tabs.Screen name="Search" component={SearchScreen} /> </Tabs.Navigator> ); }; 我想检查我的 SearchScreen 是否以模态方式呈现在我的 HomeLayout 中,或者它在我的选项卡导航器中,根据这一点,我需要进行一些 UI 自定义。 我觉得最简单的方法是将模态的初始参数添加为 true 或 false,而不是检查父导航器。在此基础上更改 UI。 <Tabs.Screen name="Search" component={SearchScreen} initialParams={{ modal: false }} options={{ tabBarIcon: ({ focused, color }) => ( <MaterialCommunityIcons name={focused ? "text-box-search" : "text-box-search-outline"} size={25} color={color} /> ), }} />

回答 1 投票 0

抽屉导航导致我的应用程序无法加载重新启动的依赖问题(React-Native 0.69.12)

最初我的应用程序加载良好,但我无法显示抽屉导航。我在网上搜索了一些解决方案,要求我在 /android/build.gradle 和 /android/app 中添加一些条目...

回答 1 投票 0

问题将 StackNavigation 背景颜色设置为透明(显示白色)

我目前正在构建一个反应本机应用程序。我的 React Native 应用程序的一部分是,如果用户未登录,我想显示一张背景图像,其内容来自...

回答 1 投票 0

反应本机打开模式不会按下标题后退按钮

我使用模态基础和加载组件等待API调用,当API调用没有答案时,我希望用户按下标题后退按钮,他们可以继续其他操作...

回答 2 投票 0

如何在Expo Router中同时使用抽屉菜单和底部选项卡菜单?

我是 React Native 的新手。我正在开发一个 Expo 项目,其中的文件结构如下: 文件结构图像 在(drawer)/_layout.js中,我已经成功添加了“Home”菜单...

回答 1 投票 0

如何在 RN 应用程序的根文件中使用 useAuthContext

我正在做这个副项目,使用react-native和supabase作为数据库。我创建了这个身份验证提供程序,我想在根文件 (app.tsx) 中使用它,但状态仍然为空。 ...

回答 1 投票 0

配置项目':react-native-navigation'时出现问题

我安装了react原生导航V7.25.4, 现在当我在 android studio 中同步项目时出现错误 配置项目“:react-native-navigation”时出现问题。 > 来不及设置

回答 1 投票 0

React Native 在*同一页面*中使用多个不同的导航器

我有一个移动应用程序,该应用程序提供了多种功能。主要有 2 组功能:特定于用户的功能(如愿望清单等)和一般功能(如新闻、关于我们等)。我是...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.