title: How to style the react native side menu?
body: <p>I have developed the side menu using react native side menu and want to know how to style the image to the design in the image below:</p>
  
  <p><a href="https://i.stack.imgur.com/zKEUg.png" rel="nofollow noreferrer">The application I developed</a></p>
  
  <p><a href="https://i.stack.imgur.com/uxQbJ.png" rel="nofollow noreferrer">want to design like this</a></p>
  
  <p>Is it just using the style to do it? If so can adjust the screen width of the side menu because didn't found any solution for it also. Thank you. The side menu I done using the react-native-side-menu.</p>
  
  <p>//The side menu code:</p>
  
  <pre><code>&lt;View style={{backgroundColor: '#ededed', marginBottom: 20}}&gt;
        &lt;TouchableHighlight&gt;
          &lt;Text&gt;Menu&lt;/Text&gt;
        &lt;/TouchableHighlight&gt;
        &lt;TouchableHighlight onPress={this.TodoList}&gt;
          &lt;Text&gt;WR List&lt;/Text&gt;
        &lt;/TouchableHighlight&gt;
        &lt;TouchableHighlight onPress={this.addNewTodo}&gt;
          &lt;Text&gt;Create WR&lt;/Text&gt;
        &lt;/TouchableHighlight&gt;
        &lt;/View&gt;
  // the style
  
  menu: {
      flex: 1,
      width: window.width,
      height: window.height,
      padding: 0,
    },
  </code></pre>
  
  <p>I have tried the style follow the react-native-elements which you mentioned just now and I want to style it like the example image but dunno how to do it. And another question is the react-native-side-menu cannot adjust the screen width of it because when opened the side menu it will cover 2/3 width of the screen, is it possible to adjust it? Thank you</p>