react native tab navigation
import * as React from 'react';
import { Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
function HomeScreen() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>Home!</Text>
</View>
);
}
function SettingsScreen() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>Settings!</Text>
</View>
);
}
const Tab = createBottomTabNavigator();
export default function App() {
return (
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="Home" component={HomeScreen} />
<Tab.Screen name="Settings" component={SettingsScreen} />
</Tab.Navigator>
</NavigationContainer>
);
}
Also in JavaScript:
- javascript queryselector
- replace all js
- js detect right key click
- javascript capitalize
- min value javascript
- jquery dialog button text set by variable
- javascript es6 class
- regex only uppercase letters js
- Error: node_modules/@angular/fire/database/interfaces.d.ts:2:10
- print all variables defined javascript
- how to print in js
- jquery focus input end of text
- react border radius
- javascript objet keys comparaison
- find and replace value in array of objects javascript
- visual studio appsettings development json not nested appsettings.json
- statusbar.sethidden(true) in react native
- vertical line for pong javascript
- javascript getelementbyid
- The expression cannot be a selector (occur after a dot)
- get a user input react
- sort array javascript
- js class static
- flutter geolocator web