react-navigation 相关问题

一个易于使用的导航解决方案,可用于React和React Native项目https://reactnavigation.org

类型“ProfileScreen”不可分配给类型“MainScreen”

我尝试了解如何将 React Navigation 与 TypeScript 一起使用...我遵循了他们的 TypeScript 官方手册,因此我声明了所有必需的类型: 导出类型 MainStackParamList = { 主页Scr...

回答 2 投票 0

如何从父组件更新 Tab.Screen 的属性(传递状态值),反应原生

我的项目配置: { “世博会”:“^45.0.0”, “反应本机”:“0.68.2”, "@react-navigation/bottom-tabs": "^6.0.9", “@react-

回答 2 投票 0

类型错误:无法读取未定义的属性(读取“PropsAllowlists”)

使用过的导航、复活和抽屉版本: "@react-navigation/drawer": "^6.6.6", "@react-navigation/native": "^6.1.9", “@react-navigat...

回答 1 投票 0

如何将 Context 用于抽屉屏幕及其子屏幕/组件?

问题:我的整个应用程序都有一个上下文,但我需要一个用于单个抽屉屏幕及其子屏幕和组件的附加上下文。 DataProvider被整个App使用。 我有

回答 1 投票 0

我需要为我的 React Native 应用程序自定义屏幕转换

我正在制作一个需要多个屏幕转换的应用程序。现在我已经准备好了动画,它正在做我想要的事情,但问题在于屏幕转换的位置......

回答 1 投票 0

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

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

回答 1 投票 0

如何在React Navigation中正确输入useNavigation?

我正在尝试从 React Navigation 中输入 useNavigation 。我希望能够仅传递路线的名称,但除非我也传递该路线的道具,否则我会收到错误。 遵循

回答 7 投票 0

React Navigation 6 隐藏抽屉项目

如何隐藏屏幕,使其不显示为 @react-navigation/drawer 版本 6 抽屉中的项目。 在 React Navigation 5 中,它是通过创建像这样的自定义抽屉内容来实现的 常量

回答 2 投票 0

react-navigation native-stack,如何更改模态高度?

/* eslint-禁用反应/无不稳定嵌套组件*/ 从“反应”导入反应; 从'react-native'导入{查看}; 从 './screens/PersonalNewSecurity' 导入 PersonalNewSecurity; 进口坎...

回答 1 投票 0

身份验证流程 - 原生反应并导航至和来自 <AuthStack> <RootStack

我一直在阅读 React Navigation 身份验证文档,但我似乎无法像示例描述的那样让我的身份验证工作 - https://reactnavigation.org/docs/auth-flow/。 我有以下...

回答 1 投票 0

导航容器刷新问题

function AppHome({colorMode, currentLang, restartApp}) { const default_scheme = useColorScheme() 让 [color_choice, setColor_choice] = useState(colorMode) 让 [lang, setLang] = useState(

回答 1 投票 0

Expo Router v3 带有堆栈、搜索和大标题的选项卡导航

我正在尝试模仿Apple联系人导航标题,使用大标题进行搜索,但仅在主屏幕上进行。所有其他选项卡都应该有自己的设置,例如没有不同的标题或某些...

回答 1 投票 0

当组件是平面列表时,如何使 headerLargeTitle 显示为大标题

我有一个 FlatList 组件,我希望标题很大。我定义导航器如下 导出 const SamplerStackNavigator = () => ( 我有一个 FlatList 组件,我希望标题很大。我定义导航器如下 export const SamplerStackNavigator = () => ( <Stack.Navigator screenOptions={{ headerLargeTitle: true, }} > <Stack.Screen name="Flat List" options={{}} component={TheList} /> </Stack.Navigator> ); 但是,它只显示小标题。我可以手动向下滚动以显示大标题,但我想让它默认显示为大标题。 https://snack.expo.dev/@trajano/multi-tab-navigation-with-refresh 在“主页”选项卡上我有 当我切换到其他选项卡时(默认情况下标题很小) 你可以把它拉下来,它就会渲染成我想要的尺寸。 编辑:OP正在使用本机堆栈而不是来自react-navigation的堆栈导航。 您可以使用 https://github.com/software-mansion/react-native-screens/tree/master/native-stack#headertitlestyle 属性来设置样式。 支持的样式属性是 字体家族 字体大小 字体粗细 颜色 我能给出的最简单的解决方案是使用 prop headerTitleStyle(如果您使用的是内置标头)。 https://reactnavigation.org/docs/stack-navigator/#headertitlestyle 对于定制,您可以根据您的需求构建自己的元素和样式。 查看现场小吃演示 https://snack.expo.dev/@raajnadar/custom-navigation-title const Stack = createNativeStackNavigator(); function MyStack() { return ( <Stack.Navigator> <Stack.Screen name="Home" options={{ headerLargeTitle: true, }} component={HomeScreen} /> </Stack.Navigator> ); } 在此处查找有关 iOS 的更多详细信息 您可以在这里找到有效的示例。 https://github.com/react-navigation/react-navigation/blob/a2993721f59d92257cef5608c33a993f8d420a80/example/src/Screens/NativeStack.tsx#L134

回答 3 投票 0

反应导航底部选项卡中的标题

嗨,我正在创建一个带有 React Native 的应用程序,我正在使用 React 导航作为菜单,但我发现了一个问题,现在当我创建带有底部选项卡的菜单时,还会创建一个标题,它给了我一个

回答 2 投票 0

如何在React Native中使用Expo Router正确设置嵌套选项卡的初始路由?

我正在使用 Expo 和 Expo Router 构建一个 React Native 应用程序进行导航,但在应用程序启动时设置初始选项卡时遇到了问题。尽管配置了初始 ro...

回答 1 投票 0

打开/关闭导航抽屉在本机反应中不起作用

在我的反应本机应用程序中,我使用抽屉导航器创建了一个侧面菜单,当我通过滑动打开它时,该菜单运行良好。但我想做的是通过单击按钮打开它。目前我正在尝试...

回答 4 投票 0

React Navigation 'beforeRemove' 事件在 React Native 中没有被触发

我试图阻止用户在 React Native 中录制视频时通过 Android 后退按钮或手势返回。根据 React Navigation 的文档,应该使用

回答 2 投票 0

如何让react-native的react-navigation标签栏透明

有没有办法让标签栏透明?我尝试了以下方法,但它只显示白色背景。我需要实现自己的 tabBarComponent 吗?如果是的话,有没有相关的文档...

回答 11 投票 0

React Native 应用程序中所有屏幕的通用样式

我正在开发我的第一个 React Native (Expo) 应用程序,并且我正在尝试为所有屏幕设置通用背景颜色: 从“@react-navigation/native”导入{NavigationContainer}; 导入 {

回答 1 投票 0

如何将 React Navigator 包装在 redux 存储中?

在我的 app.js 文件中,我有一个 Navigator,我尝试将其包装在 redux 存储中,以便控制整个应用程序的状态。但我收到此错误: “不变违规:

回答 1 投票 0

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