0

我已经使用 react native 侧边菜单开发了侧边菜单，并且想知道如何将图像样式设置为下图中的设计：

我开发的应用程序

想这样设计

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

4

2 回答 2

0

也许你可以遵循这个想法。我使用库react-native-drawer-layout来创建侧边菜单。

实际上这个想法可以显示为：

//Main apps

在此处输入图像描述

//When button Menu cliked.

在此处输入图像描述

于 2017-08-03T05:15:51.023 回答
0

Nvm，我使用另一种替代方法来做到这一点，即使用来自 react native 库的 Drawer Layout Android，因为它可用于调整抽屉宽度，并可用于导航到其他页面。下面是 Drawer Layout Android 的文档：http: //blog.csdn.net/github_33304260/article/details/55517995

于 2017-08-03T01:08:29.190 回答