如何设置反应原生侧菜单的样式？

Question

我使用反应原生侧面菜单开发了侧边菜单，想知道如何在下图中将图像设计为设计样式：

The application I developed

want to design like this

它只是用这种风格来做吗？如果是这样可以调整侧面菜单的屏幕宽度，因为还没有找到任何解决方案。谢谢。我使用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宽度的屏幕，是否可以调整它？谢谢

Answer 1

Nvm，我使用另一种替代方法来做反应本机库使用Drawer Layout Android，因为它可用于调整drawerWidth并可用于导航到其他页面。以下是Drawer Layout Android的文档： http://blog.csdn.net/github_33304260/article/details/55517995

Answer 2

也许你可以关注this的想法。我使用库react-native-drawer-layout来创建侧面菜单。

实际上这个想法可以表现得像：

//Main apps

//When button Menu cliked.