react-navigation 相关问题

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

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

javascript reactjs react-navigation

回答 1 投票 0

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

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

ios typescript react-native expo react-navigation

回答 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

react-native react-navigation react-navigation-stack

回答 3 投票 0

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

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

javascript react-native header react-navigation

回答 2 投票 0

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

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

react-native expo react-navigation react-native-navigation expo-router

回答 1 投票 0

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

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