如何为本机中的两个不同组件提供两个不同的抽屉项目？

Question

我有一个场景，其中有一个由所有书籍组成的匿名抽屉，以及一个由我的书籍和所有书籍组成的登录用户抽屉。我有一个包含抽屉导航的“抽屉路线导航”文件。如何在两种情况下重复使用相同的导航？我还必须传递用户ID。

Answer 1

具有一个通用函数，您将像这样将该抽屉项目的数据传递给它

    drawerItem(drawerICon, drawerText, drawerItemNavigation){
         return (
                <View>Your drawer code here</View>
         )
   }

像这样从主渲染功能登录后调用您的函数

     render(){
     return(  
          <View>
            ......
            {
            this.props.user.logged_in
            &&
           this.drawerItem(iconsrc, "Home", "profile")
           }
           ....
      )

如果您想了解有关条件渲染的更多信息，请访问此资源https://medium.com/@szholdiyarov/conditional-rendering-in-react-native-286351816db4