如何設置React Native側菜單的樣式？

Question

我已經使用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寬度，是否可以調整它？ 謝謝

Answer 1

Nvm，我使用另一種替代方法來實現它，即使用React Native庫中的Drawer Layout Android，因為它可用於調整抽屜寬度，並可用於導航到其他頁面。 以下是Drawer Layout Android的文檔： http : //blog.csdn.net/github_33304260/article/details/55517995

Answer 2

也許您可以遵循這個想法。 我使用庫react-native-drawer-layout來創建側邊菜單。

實際上，這個想法可以顯示為：

//Main apps

//When button Menu cliked.