小编rps*_*ton的帖子

如何在材质顶部选项卡导航器上方渲染单个标题组件?

我正在尝试在包含两个屏幕的材质顶部选项卡导航器上方渲染单个标题。当不渲染标题时,顶部选项卡导航器将按预期显示在屏幕顶部。但是,在渲染自定义标头组件时,选项卡导航器消失,但功能仍然存在(我仍然可以从第一个屏幕滑动到第二个屏幕)。如何渲染标题和顶部选项卡导航器?

function FeedTabs() {
const TabTop = createMaterialTopTabNavigator();
  return (
    <TabTop.Navigator 
    mode="card" 
    headerMode='screen' 
    initialRouteName='Feed'
    tabBarPosition='top'
    initialLayout={{ width: Dimensions.get('window').width }}
    tabBar= {({navigation, scene}) => 
    <FeedHeader
    title="Feed"
    navigation={navigation}
    scene={scene}
    />}
    >
      <TabTop.Screen name="Videos" component={Feed}/>
      <TabTop.Screen name="Articles" component={FeedArticles}/>
    </TabTop.Navigator>
  )
Run Code Online (Sandbox Code Playgroud)

react-native react-navigation

5
推荐指数
1
解决办法
3810
查看次数

标签 统计

react-native ×1

react-navigation ×1