Merge pull request #4 from osamhack2020/#3-디바이스-정보-가져오기

#3-디바이스 정보 가져오기

app/App.js

@@ -32,6 +32,10 @@ import {
 	createStackNavigator
 } from '@react-navigation/stack';
 
+import {
+	getUniqueId,
+} from 'react-native-device-info';
+
 const Stack = createStackNavigator();
 
 const theme = {
@@ -44,6 +48,8 @@ const theme = {
 };
 
 const App = () => {
+	const uniqueId = getUniqueId();
+
 	return (
 		<PaperProvider theme={theme}>
 			<NavigationContainer>
@@ -57,6 +63,9 @@ const App = () => {
 						component={ShowQRPage}
 						options={{
 							headerShown: false
+						}}
+						initialParams={{
+							uniqueId: uniqueId
 						}} />
 					<Stack.Screen name="SchedulePage"
 						component={InputSchedulePage} />

app/components/ShowQRPage.js

@@ -11,9 +11,11 @@ import {
 } from 'react-native-paper';
 
 export default function ShowQRPage({ navigation, route }) {
+	const { uniqueId } = route.params;
 	return (
 		<View style={styles.container}>
 			<Text style={styles.paragraph}>Welcome to ShowQRPage!!</Text>
+			<Text style={styles.paragraph}>{uniqueId}</Text>
 			<Button style={styles.button} mode="contained"
         labelStyle={styles.buttontext}
         onPress={() => navigation.goBack()}>Back to Main</Button>
@@ -25,7 +27,7 @@ const styles = StyleSheet.create({
 		flex: 1,
 		justifyContent: 'center',
 		backgroundColor: '#ecf0f1',
-		padding: 8,
+		padding: 24,
 	},
 	paragraph: {
 		margin: 24,

package.json

@@ -16,6 +16,7 @@
     "@react-navigation/stack": "^5.9.3",
     "react": "16.13.1",
     "react-native": "0.63.3",
+    "react-native-device-info": "^6.2.0",
     "react-native-gesture-handler": "^1.8.0",
     "react-native-paper": "^4.2.0",
     "react-native-safe-area-context": "^3.1.8",