首页 文章

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

提问于
浏览
0

我使用react本机侧面菜单开发了侧边菜单,并想知道如何在下图中将图像设计为设计样式:

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宽度的屏幕,是否可以调整它?谢谢

2 回答

  • 0

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

  • 0

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

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

    //Main apps
    

    enter image description here

    //When button Menu cliked.
    

    enter image description here

相关问题