Open DaveBben opened 6 years ago
For some reason, the icons in my app drawer are against the edge of the screen without any padding. My code is almost exactly like the demo. Applying any sort of styling to the Drawer.section has no effect.
<Drawer theme="light"> <Drawer.Header image={<Image source={require('../img/nav.jpg')} />}> <View style={styles.header}> <Text style={[styles.text, COLOR.paperGrey50, TYPO.paperFontSubhead]}>Stories for Reddit</Text> </View> </Drawer.Header> <Drawer.Section items={[{ icon: 'home', value: 'Home', onPress: () => onPress('Home'), }, { icon: 'face', value: 'Subreddits', onPress: () => onPress('Subreddits'), }, ]} style={styles.section} /> </Drawer> ); } } const styles = StyleSheet.create({ header: { paddingTop: 16, }, text: { marginTop: 90, }, section: { flex: 1, marginRight: 80, paddingLeft: 40, color: '#fff', }, });