react-navigation 相关问题

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

导航到 React 中的新页面，而不丢失当前 [agwe

我对此进行了一些挖掘，并且还查询了chat-gpt（笑），但我似乎找不到任何解决该问题的资源。我想做的很简单：在页面 A 上，我加载一个列表...

reactjs react-navigation

回答 1 投票 0

在哪里放置多个堆栈导航器中常见的所有屏幕？ - 反应导航 v5

以下是我的应用程序导航器的层次结构 ├── appNavigator（底部选项卡导航器） ├── feed（堆栈导航器）后详细信息屏幕页面详细信息屏幕个人资料详情屏幕 ...其他屏幕 ├──

reactjs react-native react-navigation react-navigation-stack react-navigation-v5

回答 3 投票 0

React Native - 底部选项卡导航器中的标题后退按钮

基本上，我试图在我的应用程序中的注册组件/屏幕的标题中添加一个简单的后退箭头按钮，类似于下图所示的按钮（https://i.stack.imgur.com/zTwKp .png)

javascript react-native mobile react-navigation

回答 1 投票 0

如何在react-navigation v6中更改标题高度

尝试了不同的方法，但没有一个有效，文档也没有帮助尝试了不同的方法，但没有一个起作用，文档也没有帮助 <MainFlowStack.Navigator screenOptions={{headerTitleAlign: 'left', shadowColor: 'transparent', headerStyle: {height: 200}}} > <MainFlowStack.Screen name="RoutinesList" component={RoutinesListScreen} option={{headerStyle: {height: 600}}} options={{ headerTitle: (props) => (<View style={{width: '100%'}}> <Text style={styles.header1}> Your Workouts </Text> </View>), headerShadowVisible: false, headerStyle: {height: 100} }} /> <MainFlowStack.Screen name="RoutineScreen" component={RoutineScreen} options={({ route }) => ({ title: route.params.name })} /> </MainFlowStack.Navigator> headerStyle 的 Stack.Navigator 属性不支持设置自定义高度。来自官方文档：标题样式标题的样式对象。支持的属性：背景颜色就我而言，与反应导航相比，这已经改变了v5。但是，我们可以提供自定义标题组件并以这种方式设置特定高度。 <Stack.Screen options={ header: (props) => ( <View style={{ height: 100 }}> ... </View> ), } /> 我没有足够的声誉来写评论，但@fabriziocucci 我实际上是对的。您可以编辑标题的高度。我为 header 创建了自定义组件，然后将其传递到 header prop 中，如下所示： <Tab.Navigator screenOptions={({route}) => ({ header: NavHeader, })}> <Tab.Screen name="myComponent" component={myComponent}/> </Tab.Navigator> 然后是样式： style={{width: '100%', maxHeight: 20}} 在这里，我使用 ... headerStyle height 更改标题的高度。相信我，有效！ <Stack.Screen name="Preferences" component={ProfilePreferences} options={{ headerTitle: () => <Header name="Preferences" />, headerStyle: { height: 102, backgroundColor: colors.dark, elevation: 0 }, }} /> 大卫的回答并不完全正确。尽管 V6 文档没有提到它，但我刚刚测试过，您实际上可以按如下方式设置标题高度： <Stack.Screen component={MyScreen} name="TripScreen" options={() => ({ headerStyle: { height: 96 } })} />

react-native react-navigation

回答 4 投票 0

React Native Typescript 导航不起作用

我正在使用 typescript 构建一个新的 React Native 博览会项目，并且我正在尝试通过 React Native 的 TS 文档设置导航，但当我运行模拟它时没有任何显示。我有以下...

typescript react-native react-navigation

回答 1 投票 0

不使用堆栈的 React-Native 导航？

所以我最近一直在深入研究React-Native并且取得了很多进展。我知道如何使用 React-Navigation 的大部分内容，无论是 @react-navigation/native-stack 还是 @react-navigation/b...

reactjs react-native react-navigation

回答 1 投票 0

React 导航不显示登录屏幕（流程）

我只是尝试使用 SecureStore 检索令牌，然后将用户引导到正确的屏幕。这是“App.js”：从 'react' 导入 * as React；从'react-native'导入{Pressable}；我...