React Native 如何在抽屉标题下显示抽屉内容

6yoyoihd  于 2022-11-17  发布在  React
关注(0)|答案(1)|浏览(177)

使用reactnavigation包中的Drawer Navigator在我们的react原生项目中构建一个Drawer,我想将drawer放置在页眉下方,如图像B,如何做到这一点,使用header: (props) => {return <DrawerHeader {...props} />},和内容drawerContent={(props) => {return <DrawerContent {...props} />}},谢谢。

<Drawer.Navigator 
      
                header: (props) => {return <DrawerHeader {...props} />},
              
              }}
              drawerContent={(props) => {

                return <DrawerContent {...props} />

              }}         
        >
          .....
        </Drawer.Navigator >

a1o7rhls

a1o7rhls1#

无需单独传递header组件,您可以直接将其放置在drawerContent中

<Drawer.Navigator 
  drawerContent={(props) => {
  return( 
  <>
  <DrawerHeader {...props} />
  <DrawerContent {...props} />
  </>)
   }}         
    >
      .....
</Drawer.Navigator >

这样你可以更有效地设计抽屉。

相关问题