如何在反應導航中完全改變抽屜的背景顏色

Question

如何完全改變抽屜的背景顏色？我不需要更改抽屜項目就可以完全改變抽屜的背景顏色。默認情況下，它是白色，而我需要使它變成綠色。有沒有演示例子？

Answer 1

該電流例如可以幫助你，這是用DrawerContent的DrawerNavigtor，需要改變DrawerContent的風格

const Main = DrawerNavigator({ 
    home: { screen: HomePage }, 
}, { 
    drawerWidth: 250, 
    drawerPosition: 'right', 
    contentComponent: props => <DrawerContent {...props} />, 
}); 

出口默認的主; 您可以通過以下

class DrawerContent extends Component { 
    render() { 
    return (
     <ScrollView style={styles.container}> 
     <View style={{ flex: 1 }}> 
      <Button transparent info onPress={() => { this.handlechange(); }}> 
      <Text style={{ fontSize: 16 }}>Change Email</Text> 
      </Button> 
     </View> 
     </ScrollView> 
    ); 
    } 
} 


const styles = { 
    container: { 
    flex: 1, 
    padding: 20, 
    backgroundColor: 'Green', 
    }, 
}; 

出口默認DrawerContent的這段代碼改變風格; 這可以改變背景顏色