I have a React Native project using a React Navigation Drawer, using a custom drawer component:
const CustomDrawerContentComponent = (props) => (
<Container>
<Header androidStatusBarColor={Colors.BlueDark} title="Title" style={styles.drawerHeader} onPress={() => this.props.navigation.navigate('Home')}>
<Body style={styles.container}>
<LogoCircle size={15} />
<Container style={styles.drawerTextContainer}>
<Text style={styles.drawerText}>My App</Text>
</Container>
</Body>
</Header>
<Content>
<DrawerItems {...props} />
</Content>
</Container>
);
Is it possible to add dividers to make sections of drawer items? I would like to have half of my items in one section, and the other half in another, split by a divider.
I know it is possible to create custom drawer entries that navigate to certain pages on press, but in this case I cannot use styling such as "activeBackgroundColor".
