我使用react本机侧面菜单开发了侧边菜单,并想知道如何在下图中将图像设计为设计样式:
它只是用这种风格来做吗?如果是这样可以调整侧面菜单的屏幕宽度,因为也没有找到任何解决方案 . 谢谢 . 我使用react-native-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,
},
我试过这个样式遵循你刚才提到的react-native-elements,我想把它设置为像示例图像一样,但不知道怎么做 . 另一个问题是react-native-side-menu无法调整它的屏幕宽度,因为当打开侧面菜单时它会覆盖2/3宽度的屏幕,是否可以调整它?谢谢
2 回答
Nvm,我使用另一种替代方法来做反应本机库使用Drawer Layout Android,因为它可用于调整drawerWidth并可以使用导航到其他页面 . 以下是抽屉布局Android的文档:http://blog.csdn.net/github_33304260/article/details/55517995
也许你可以遵循this的想法 . 我使用库
react-native-drawer-layout
来创建侧面菜单 .实际上这个想法可以表现得像: