-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
56 lines (50 loc) · 1.43 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React, {useState} from 'react';
import type {Node} from 'react';
import {
SafeAreaView,
ScrollView,
StatusBar,
StyleSheet,
useColorScheme,
View,
} from 'react-native';
import {Picker} from '@react-native-picker/picker';
import {Colors, Header} from 'react-native/Libraries/NewAppScreen';
import TabViewExample from './TabViewExample';
const App: () => Node = () => {
const isDarkMode = useColorScheme() === 'dark';
const [selectedLanguage, setSelectedLanguage] = useState();
const backgroundStyle = {
backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
};
return (
<SafeAreaView style={backgroundStyle}>
<StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
<ScrollView
contentInsetAdjustmentBehavior="automatic"
style={backgroundStyle}>
<Header />
<View
style={{
backgroundColor: isDarkMode ? Colors.black : Colors.white,
}}>
<Picker
selectedValue={selectedLanguage}
onValueChange={itemValue => setSelectedLanguage(itemValue)}>
<Picker.Item label="Java" value="java" />
<Picker.Item label="JavaScript" value="js" />
</Picker>
<TabViewExample />
</View>
</ScrollView>
</SafeAreaView>
);
};
export default App;