import * as React from 'react';

import { Button, View, Text } from 'react-native';

import { NavigationContainer} from '@react-navigation/native';
import { StyleSheet, ScrollView ,Image} from 'react-native';

import { LinearGradient } from 'expo-linear-gradient';

import {createNativeStackNavigator }from '@react-navigation/native-stack';

import Stage from './Stage'

import Stage1 from './Stage1';
import Welcom from './Welcom';
import { ThemeProvider } from './data';
import Db from './db';

const Stack = createNativeStackNavigator();

function App() {

let [stage,setstage]=React.useState([{num:0,etat:1 },{num:1,etat:0 },

{num:2,etat:0 },{num:3,etat:0 },{num:4,etat:0 },{num:5,etat:0},
{num:6,etat:0 }
])

var x=true;

return (
<ThemeProvider>
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen
name="Home"
component={Welcom}
options={{ title: 'Welcome' }}
/>
<Stack.Screen name="stages" component={Stage} />
<Stack.Screen name="1" component={Stage1} />

</Stack.Navigator>
</NavigationContainer>

</ThemeProvider>

)
}

const styles = StyleSheet.create({

 container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},

});

export default App;