如何設計反應本機側面菜單？

我已經開發使用的反應機端菜單，想知道如何將影像風格的設計如下圖所示側面菜單：如何設計反應本機側面菜單？

難道僅僅使用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

如何設計反應本機側面菜單？

回答

相關問題