react-native-navigation 相关问题

无需组件屏幕渲染的标签栏导航

有没有办法按下标签栏而不渲染组件屏幕？我一直在传递空函数，但它仍然呈现空白屏幕。我希望无论您按什么位置，它都会保留在主屏幕上。

如何在入口点文件中使用 React Native 导航（当组件位于 NavigationContainer 外部时，React Native 导航不起作用）

我真的很抱歉这个问题的标题这么长，但我对此很困惑。 我已经在 React Native 登录页面上工作了大约 10 天，在完成所有服务器端之后......

导入带道具导航的组件，无需道具

我的组件有问题， 假设我的组件是这样的 const RenderFooter = (props: Props): React.ReactElement => ( 我的组件有问题， 假设我的组件是这样的 const RenderFooter = (props: Props): React.ReactElement => ( <StickyFooter accessibilityLabel="Introduction-Footer" primaryButtonText={I18n.t('Introduction-Primary-Button-Text')} secondaryButtonText={I18n.t('Introduction-Secondary-Button-Text')} onPressPrimaryButton={() => navigate(props, 'LoginPage')} onPressSecondaryButton={() => navigate(props, 'RegisterPage')} /> ); 我希望当我尝试调用这个组件时它不需要添加参数，但是当我尝试调用它时我的组件需要参数（从这里到不带参数）。如何制作我的组件可以是这样的。 这是我这个组件的 Props 类型 export type NavigateFunction = (routeName: string, params?: object | undefined) => void; export type Props = { navigation: { navigate: NavigateFunction; }; } 请大家帮帮我，非常感谢 如果您想让 RenderFooter 组件更加灵活并且在调用它时不需要任何参数，您可以为 props 参数提供默认值。您可以使用函数定义中的默认参数来执行此操作。以下是修改组件的方法： const RenderFooter = (props: Props = {}): React.ReactElement => { const { navigation } = props; return ( <StickyFooter accessibilityLabel="Introduction-Footer" primaryButtonText={I18n.t('Introduction-Primary-Button-Text')} secondaryButtonText={I18n.t('Introduction-Secondary-Button-Text')} onPressPrimaryButton={() => navigate(navigation, 'LoginPage')} onPressSecondaryButton={() => navigate(navigation, 'RegisterPage')} /> ); }; 在此代码中，我为 {} 参数提供了空对象 props 的默认值。这意味着如果您不带任何参数调用 RenderFooter()，它将使用一个空对象作为 props。如果您使用参数调用它，它将使用提供的 props。这允许您使用带参数和不带参数的组件。

如何使用 React Native 底部选项卡中的选项卡按钮创建汉堡菜单？

我正在尝试创建一个汉堡菜单，当您按下“更多”按钮时，该菜单将弹出在当前屏幕的顶部。期望结果的图像。 有点像这样。 我正在尝试创建一个汉堡菜单，当您按“更多”按钮时，该菜单将弹出在当前屏幕的顶部。 有点像这样。 <Tab.Screen name="More" component={HamburgerMenuFunc} options={{ tabBarLabel: 'More', tabBarIcon: ({ focused }) => ( <Entypo name='menu' size={34} color={focused ? "#32ACE0":"white"} /> )}} /> 我使用上面的代码引用组件属性中的一个函数来尝试查看在同一屏幕上是否会弹出警报，但这将需要我单独分隔空白页面。 实现自定义 tabBar 并覆盖默认行为（即导航）以显示菜单。 <NavigationContainer> <Tab.Navigator tabBar={(props) => <MyTabBar {...props} />}> <Tab.Screen name="Home" component={HomeScreen} /> <Tab.Screen name="Toys" component={ToysScreen} /> <Tab.Screen name="More" /> </Tab.Navigator> </NavigationContainer> 请参阅选项卡了解详细信息。

找不到导航对象。您的组件是否位于导航器屏幕内？

在我下面的代码中，当我使用 useNavigation() 时，它会给出像我的问题一样的错误 如何使用useNavigation，请任何人都可以解决此错误...错误：找不到导航对象。是你的

React Native 导航帐号登录

我正在创建一个带有帐户处理系统的 React Native 应用程序。我正在使用异步存储来存储帐户，并且我有一个布尔值存储 isLoggedIn，我正在访问它以查看是否应该直接...

如何直接在React Native中打开应用程序的位置权限设置

REACTNATIVE ：当前使用 Linking.openSettings() 打开我的应用程序设置页面。 现在，我想直接打开应用程序权限屏幕，在应用程序设置里面启用权限...

const nav: typechecking = useNavigation() 和 const nav = useNavigation<typechecking>() 有什么区别？

所以我最近从 React Native 中的 Javascript 切换到 Typescript，并且在检查 useNavigation 挂钩时遇到了一个问题。 const nav: 类型检查 = useNavigation() 和 常量导航 =

使用react-native地图时从AndroidManifest.xml中删除Google地图api密钥

我们在 React Native 应用程序中使用 React-Native 地图。我们的 PenTesting 团队在从 jadx 中提取 apk 后要求删除 AndroidManifest.xml 文件中的 Google 地图 api 密钥 - https://github.com/skylot/

React Native 导航无法动态生成带有导航的页面

我正在尝试生成具有导航功能的页面，如下所示： 类型 Props = NativeStackScreenProps; const ScrollView = ({ 导航, 路线 }: P...

如何在React Native中添加模糊效果？

如何在 React Native 中为视图添加模糊，就像我们将其应用于图像或背景图像一样？如果视图具有使用 RGBA 的半透明背景，我还想为其添加模糊。 示例代码 <

在 React-Native 中重新加载时，Header 和 BottomTabNavigator 会获得双倍高度

我已经为此苦苦挣扎好几天了，找不到解决方案，所以欢迎所有帮助。重新加载应用程序时，我的 BottomTabBar 以及标题的高度都会增加。当应用程序有

错误：导航器只能包含“屏幕”组件作为其直接子组件

我是 React Native 新手，收到此错误，但无法解决它。 我正在按照反应导航主页面上的教程进行操作，但我无法完成它。 我会同意...

使用Expo Router将数据传回上一页的正确方法？

我的应用程序当前有两个页面，Page1 和 Page2。在 Page1 上，我执行以下操作以使用 Expo Router 打开 Page2： <...

如何从 React 导航 BottomTabNavigator 显示底部工作表？

我的解决方案 如何从 React 导航 BottomTabNavigator 显示底部表单？ 我想在单击 tabBarIcon 时显示重新启动的底部工作表（可能例如在图片中添加按钮）

如何在ReactNative的bottomTabNavigator中为barStyle添加模糊

我正在尝试向 React Native BottomTabNavigator 的 barStyle 添加玻璃形态效果，但它不起作用。 从“../screens/Home”导入主页； 从“../screens/

React Native Drawer 退出按钮

我正在制作一个应用程序，我需要添加一种注销和退出应用程序的方法。 我的结构是这样的： 还有我的 D...

React 原生导航替换方法不工作

我的堆栈导航中有一个名为 Club 的屏幕。 在执行特定操作后，我将使用具有不同参数的新“俱乐部”屏幕替换当前的“俱乐部”屏幕。 导航.replace('俱乐部',{...

将屏幕定义的函数传递到标题触发“不可序列化”问题

我有一个堆栈导航器，在其中一个屏幕中，我定义了全局标题栏以包含一个将触发模式的按钮。我遇到的问题是我正在定义要触发的函数

useAuth() 钩子未正确设置用户，导致屏幕陷入受保护状态

我正在使用 expo 构建一个 React Native 应用程序，并尝试通过上下文向应用程序的其余部分添加身份验证。 应用程序正确登录，我通过控制台得到确认...