如何设计反应本机侧面菜单？

我已经开发使用的反应机端菜单，想知道如何将影像风格的设计如下图所示侧面菜单：如何设计反应本机侧面菜单？

难道仅仅使用style去做吧？如果是这样，可以调整侧边菜单的屏幕宽度，因为它也没有找到任何解决方案。谢谢。我使用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-side-menu无法调整它的屏幕宽度，因为当打开侧面菜单时它将覆盖2/3宽度的屏幕，是否可以调整它？谢谢

来源

2017-08-02 johnhour

什么阻止你使用的 “风格” 是这样的：https：//开头的反应，native- training.github.io/react-native-elements/API/side_menu/ ??你可以分享你的代码吗？ – openrijal

我不知道如何样式上面的示例图像，请找到下面的代码和如何做的建议，谢谢~~~ – johnhour

先生，请找到截图。我在社区发布了这个问题，但他们表示它似乎已经过时了... https://i.stack.imgur.com/Jc3Ch.png – johnhour

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

来源

2017-08-03 01:08:29 johnhour

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

其实这个想法可以显示像：

//Main apps

//When button Menu cliked.

来源

2017-08-03 05:15:51 muhammadaa

其实我成功地使用了抽屉布局Android，它反应了本机，我可以设计作为上面显示的图像btw感谢您的帮助... :) – johnhour

哇...很酷。别客气。我很高兴帮助你。你能接受我的回答吗？ ;）） – muhammadaa

嗨，先生，我试着使用react-native-drawer-layout的例子，但是我在Android和iOS平台上得到了这个错误信息“无法读取'isRTL'的属性undefined”。你能帮我解决这个问题吗？谢谢 – johnhour

如何设计反应本机侧面菜单？

回答

相关问题