React Native Navbar Control
Hide or show Android navigation bar easily whenever you want
Preview
Install
yarn add react-native-navbar-control // or npm i --save react-native-navbar-control
Note: For users with react-native version < 0.60.x:
react-native link react-native-navbar-control
Usage
; // ------------------------------------/* now use these functions whenever and where ever you want */// ------------------------------------
Example
;;; let showNavbar = true;Component { if showNavbar ; showNavbar = false; else ; showNavbar = true; } { return <View style= flex: 1 justifyContent: 'center' alignItems: 'center' > <Text>React Native Navbar Control Test</Text> <TouchableOpacity style= marginTop: 20 width: 200 height: 50 backgroundColor: '#006600' borderRadius: 50 justifyContent: 'center' alignItems: 'center' onPress= this > <Text style= color: 'white' >Toggle Navigation Bar</Text> </TouchableOpacity> </View> ; };