【问题标题】:How can I hide links in my react navigation drawer?如何在我的反应导航抽屉中隐藏链接?
【发布时间】:2019-05-04 12:50:57
【问题描述】:

所以我有一个反应导航抽屉,我无法找到如何在我的抽屉中隐藏链接。 我有几个指向其他屏幕的链接,但我不希望它们都可见。 这是我的代码:

const AppDrawerNavigator = createDrawerNavigator({
  Home: drawer,
  Play: PlayScreen,
  Gall: Gallery,
  PlayerInput: PlayerInput,
  Cam: OpenCamera,
  srollView: ScrollView,
  Profil: Profil,
})
export default class HomeScreen extends React.Component {
    render() {
    return (
      <View style={styles.full}>
        <AppDrawerNavigator/>
      </View>
    );
  }
}

const styles = StyleSheet.create({
   full: {
   flex: 1,
   backgroundColor: '#458680',
   flexDirection:'column'
 },
});

有什么想法吗?谢谢!

【问题讨论】:

    标签: react-native navigator drawer


    【解决方案1】:

    在您的代码中进行以下更改:

    const AppDrawerNavigator = createDrawerNavigator({
      Home: drawer,
      Play: PlayScreen,
      Gall: Gallery,
      PlayerInput: PlayerInput,
      Cam: OpenCamera,
      srollView: ScrollView,
      Profil: Profil,
    },
    {
        contentComponent: DrawerContent,
    }
    )
    
    const DrawerContent = (props) => (
      <View>
        <View
          style={{
            height: '100%',
            backgroundColor: '#458680',
          }}
        >
          //Your code here whatever you wanna display
        </View>
        <DrawerItems {...props} />
      </View>
    )
    

    【讨论】:

    • 感谢您的回复,但是我无法在drawerContent的中间视图中显示任何内容,我刚刚添加了一个文本组件进行测试但没有显示在屏幕上,我该如何解决这个问题?
    • 你从 reactnavigation 导入 DrawerItems 了吗?
    • 是的,我做到了,感谢您的依赖,但我发现我的 awser 使用“订单:['Home','Gall']”这仅在抽屉中显示订单括号中的内容
    猜你喜欢
    • 2023-04-07
    • 1970-01-01
    • 2021-01-26
    • 1970-01-01
    • 1970-01-01
    • 2020-09-12
    • 1970-01-01
    • 2020-12-29
    • 2021-06-06
    相关资源
    最近更新 更多