使用React Native在CustomDrawer附近设置一个TouchableHighlight

Question

我想将简单的TouchableHighlight设置在CustomDrawer附近，但是我找不到方法。这是代码。

          class App extends Component {

      render() {
      return (
     <View style={{ flex: 1,  flexDirection: 'row',marginTop: (Platform.OS 
       === "ios") ? 20 : 0 }} >

      <View style={styles.container}>
       <TouchableHighlight onPress={this._onPressButton}>
      <Image
    style={styles.button}
    source={require('./camera.png')}
     />
       </TouchableHighlight>     
      </View>
        <CustomDrawer
      content={<NavigationMenu />}
      ref="drawerSideMenu"
      onClose={() => { this.props.dispatch(navigationMenuStatus(false)); }}
      onOpen={() => { this.props.dispatch(navigationMenuStatus(true)) }}> 
       <HeaderBar /> 
        </View>
        );
       }
    }


 const styles = StyleSheet.create({

   button: {
   padding: 6,
   height:50,
   width:50
   },
   countContainer: {

      },
      countText: {
      color: '#FF00FF'
    }
    })

  export default Appp

实际上我将其作为界面，但我想在菜单图标附近的蓝色区域中使“照相机”按钮

请帮忙吗？

Answer 1

尝试将相机图标插入菜单栏。 类似的东西

<View style={styles.container}>
  <View style={styles.menuBar}>
    <Icon/>
     <Menu/>
   </View>
</View>