After successfully implementing a side menu using react native, I am now looking to style the image to match the design shown in the links below:
Check out the application I developed
Is styling the key to achieving this design? Also, I am struggling to adjust the screen width of the side menu. Any tips or solutions on how to achieve this using react-native-side-menu would be greatly appreciated. Thank you for your help.
//Code for the side menu:
<View style={{backgroundColor: '#ededed', marginBottom: 20}}>
<TouchableHighlight>
<Text>Menu</Text>
</TouchableHighlight>
<TouchableHighlight onPress={this.TodoList}>
<Text>WR List</Text>
</TouchableHighlight>
<TouchableHighlight onPress={this.addNewTodo}>
<Text>Create WR</Text>
</TouchableHighlight>
</View>
// the style
menu: {
flex: 1,
width: window.width,
height: window.height,
padding: 0,
},
I have attempted to follow the styles from react-native-elements as mentioned earlier, but I am still unsure how to achieve the desired design shown in the image. Additionally, I am facing challenges in adjusting the screen width of the react-native-side-menu. It currently covers 2/3 of the screen width when opened. Is there a way to modify this width? Thank you for your assistance.