title: Adding sections/dividers in React Native Navigation Drawer
body: <p>I have a React Native project using a React Navigation Drawer, using a custom drawer component:</p>
  
  <pre><code>const CustomDrawerContentComponent = (props) =&gt; (
      &lt;Container&gt;
          &lt;Header androidStatusBarColor={Colors.BlueDark} title="Title" style={styles.drawerHeader} onPress={() =&gt; this.props.navigation.navigate('Home')}&gt;
              &lt;Body style={styles.container}&gt;
                  &lt;LogoCircle size={15} /&gt;
                  &lt;Container style={styles.drawerTextContainer}&gt;
                      &lt;Text style={styles.drawerText}&gt;My App&lt;/Text&gt;
                  &lt;/Container&gt;
              &lt;/Body&gt;
          &lt;/Header&gt;
          &lt;Content&gt;
              &lt;DrawerItems {...props} /&gt;
          &lt;/Content&gt;
      &lt;/Container&gt;
  );
  </code></pre>
  
  <p>Is it possible to add dividers to make sections of drawer items? I would like to have half of my items in one section, and the other half in another, split by a divider.</p>
  
  <p>I know it is possible to create custom drawer entries that navigate to certain pages on press, but in this case I cannot use styling such as "activeBackgroundColor".</p>