You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.0 KiB
34 lines
1.0 KiB
import * as React from 'react';
|
|
import { TabBarIOSItem, Text, View } from 'react-native';
|
|
import { NavigationContainer } from '@react-navigation/native';
|
|
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
|
|
|
|
import DetailMeteo from "../screen/DetailMeteo";
|
|
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 screenOptions={{headerShown : false, tabBarStyle : {flex : 1, justifyContent: 'space-between', flexDirection : 'column'}}}>
|
|
<Tab.Screen name="Home" component={DetailMeteo}/>
|
|
<Tab.Screen name="Settings" component={SettingsScreen} />
|
|
</Tab.Navigator>
|
|
</NavigationContainer>
|
|
);
|
|
} |