react-native-navigation 相关问题

react-native-navigation：显示键盘时如何隐藏底部选项卡？

我正在使用底部选项卡导航器从react-native-navigaton到我的应用程序中的导航。但是，每次我有一个 TextInput 字段时，底部选项卡都会被向上推。 什么是

iOS 中的 React Native 导航标题高度

我在我的反应本机应用程序中呈现自定义标头时遇到问题。在 Android 上它工作得完美无缺，我有设计师想要的标题。但在ios中，标题很奇怪。好像很高...

我可以忽略 onAnimatedValueUpdate 警告吗？

当您位于第一个选项卡上并尝试向右滑动时，或者当您位于最后一个选项卡上并尝试向左滑动时，我在反应本机应用程序和材料顶部选项卡上有多个堆栈，我正在...

如何停止将新文件显示为expo路由器中的菜单列表？

我正在世博路由器上尝试开发Android应用程序。在开发过程中，我观察到，如果我创建任何新文件，它会显示在菜单中，就像我使用 expo 来使用选项卡导航一样

React Native 导航：处理“NAVIGATE”操作错误，“主”屏幕未由任何导航器处理

我的React Native项目中的问题是，在我的login.jsx组件中，当用户单击登录按钮时，我遇到以下错误： > 错误操作“NAVIGATE”，有效负载为 {&quo...

react-native-navigation 是否完全在主线程上工作？ JS线程被阻塞了还能用吗

目前我正在开发一个应用程序，由于JS线程长时间阻塞，该应用程序执行大量后台任务。现在我正在使用react-navigation/native-stack和react-navigation/bot...

React Native Stack.Navigator 不适用于 Android

我在 Android 上遇到 Stack.Navigator 问题。它只是由于某种奇怪的原因不起作用。 有简单的代码： 从“反应”导入反应； 从'@react-navig导入{createNativeStackNavigator}...

React Native 导航认证屏幕

导出默认函数 App() { 异步函数 getStore(){ 尝试 { const value = wait AsyncStorage.getItem('my-auth'); 如果（值！== null）{ console.log('他',值)

如何使用 React Navigation 隐藏 React Native 中特定屏幕上的底部标签栏？

我正在开发一个使用 React Navigation 进行导航的 React Native 应用程序。我设置了一个底部选项卡导航器，用于在我的应用程序中的不同屏幕之间导航。但是，我遇到了一个问题...

React Native：矢量图标未渲染

我目前正在关注 React Navigation 中的本文教程，使用其包的以下版本： "@react-navigation/bottom-tabs": "^6.5.20", “@react-navigation/

TurboModuleRegistry.getEnforcing(...) 反应原生错误

每当我尝试使用抽屉导航时都会出现此错误 不变违规：TurboModuleRegistry.getEnforcing(...)：找不到“NativeReanimated”。通过此验证模块...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如何保持 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> ); } 希望对您有帮助。

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

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