React native action bar and react native menu

Question

I am new to React-Native and love it so far. I am trying to create a screen (for the cross-platform app) with a menu icon on top right and when clicked, I want to open a men

Answer 1

i use native-base library to create menu, this is the documentation. you can try to search component you needed

https://docs.nativebase.io/Components.html#Components

this is one example i tried to make a menu

/** * Sample React Native App * https://github.com/facebook/react-native * @flow */

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { Container, Content, Header, Body, Right, Button, Icon, Title, Drawer, Text } from 'native-base';

class SideBar extends Component {
  render(){
    return(
      
          Account
          SignOut
      
    )
  }
}

export default class App extends Component {
  closeDrawer = () => {
    this.drawer._root.close()
  }
  openDrawer = () => {
    this.drawer._root.open()
  }
  render(){
    return(
       { this.drawer = ref; }}
        content={}
        onClose={() => this.closeDrawer()} >
          
            

              
                
              
              
                
                  
                
              
            
          
      
    )
  }
}

AppRegistry.registerComponent('Main', () => App);

you can style your own menu. maybe it can help you, thanks :)