skywrace / drowsiness_detector

Go to a project
Toggle navigation Toggle navigation pinning
skywrace
7bedfc8e 1 parent 6dc4f353

chore: Install native-base package for ui

Expand all
Inline Side-by-side
Showing 4 changed files with 50 additions and 28 deletions
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 * @format 8 * @format
9 */ 9 */
10 10
11 +import {NativeBaseProvider} from 'native-base';
11 import React from 'react'; 12 import React from 'react';
12 import { 13 import {
13 SafeAreaView, 14 SafeAreaView,
...@@ -63,33 +64,35 @@ const App = () => { ...@@ -63,33 +64,35 @@ const App = () => {
63 }; 64 };
64 65
65 return ( 66 return (
66 - <SafeAreaView style={backgroundStyle}> 67 + <NativeBaseProvider>
67 - <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} /> 68 + <SafeAreaView style={backgroundStyle}>
68 - <ScrollView 69 + <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
69 - contentInsetAdjustmentBehavior="automatic" 70 + <ScrollView
70 - style={backgroundStyle}> 71 + contentInsetAdjustmentBehavior="automatic"
71 - <Header /> 72 + style={backgroundStyle}>
72 - <View 73 + <Header />
73 - style={{ 74 + <View
74 - backgroundColor: isDarkMode ? Colors.black : Colors.white, 75 + style={{
75 - }}> 76 + backgroundColor: isDarkMode ? Colors.black : Colors.white,
76 - <Section title="Step One"> 77 + }}>
77 - Edit <Text style={styles.highlight}>App.tsx</Text> to change this 78 + <Section title="Step One">
78 - screen and then come back to see your edits. 79 + Edit <Text style={styles.highlight}>App.tsx</Text> to change this
79 - </Section> 80 + screen and then come back to see your edits.
80 - <Section title="See Your Changes"> 81 + </Section>
81 - <ReloadInstructions /> 82 + <Section title="See Your Changes">
82 - </Section> 83 + <ReloadInstructions />
83 - <Section title="Debug"> 84 + </Section>
84 - <DebugInstructions /> 85 + <Section title="Debug">
85 - </Section> 86 + <DebugInstructions />
86 - <Section title="Learn More"> 87 + </Section>
87 - Read the docs to discover what to do next: 88 + <Section title="Learn More">
88 - </Section> 89 + Read the docs to discover what to do next:
89 - <LearnMoreLinks /> 90 + </Section>
90 - </View> 91 + <LearnMoreLinks />
91 - </ScrollView> 92 + </View>
92 - </SafeAreaView> 93 + </ScrollView>
94 + </SafeAreaView>
95 + </NativeBaseProvider>
93 ); 96 );
94 }; 97 };
95 98
......
...@@ -282,6 +282,12 @@ PODS: ...@@ -282,6 +282,12 @@ PODS:
282 - React-jsinspector (0.68.1) 282 - React-jsinspector (0.68.1)
283 - React-logger (0.68.1): 283 - React-logger (0.68.1):
284 - glog 284 - glog
285 + - react-native-safe-area-context (4.2.5):
286 + - RCT-Folly
287 + - RCTRequired
288 + - RCTTypeSafety
289 + - React
290 + - ReactCommon/turbomodule/core
285 - React-perflogger (0.68.1) 291 - React-perflogger (0.68.1)
286 - React-RCTActionSheet (0.68.1): 292 - React-RCTActionSheet (0.68.1):
287 - React-Core/RCTActionSheetHeaders (= 0.68.1) 293 - React-Core/RCTActionSheetHeaders (= 0.68.1)
...@@ -347,6 +353,8 @@ PODS: ...@@ -347,6 +353,8 @@ PODS:
347 - React-jsi (= 0.68.1) 353 - React-jsi (= 0.68.1)
348 - React-logger (= 0.68.1) 354 - React-logger (= 0.68.1)
349 - React-perflogger (= 0.68.1) 355 - React-perflogger (= 0.68.1)
356 + - RNSVG (12.3.0):
357 + - React-Core
350 - SocketRocket (0.6.0) 358 - SocketRocket (0.6.0)
351 - Yoga (1.14.0) 359 - Yoga (1.14.0)
352 - YogaKit (1.18.1): 360 - YogaKit (1.18.1):
...@@ -395,6 +403,7 @@ DEPENDENCIES: ...@@ -395,6 +403,7 @@ DEPENDENCIES:
395 - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`) 403 - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
396 - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`) 404 - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
397 - React-logger (from `../node_modules/react-native/ReactCommon/logger`) 405 - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
406 + - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
398 - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`) 407 - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
399 - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`) 408 - React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
400 - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`) 409 - React-RCTAnimation (from `../node_modules/react-native/Libraries/NativeAnimation`)
...@@ -407,6 +416,7 @@ DEPENDENCIES: ...@@ -407,6 +416,7 @@ DEPENDENCIES:
407 - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`) 416 - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
408 - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`) 417 - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
409 - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`) 418 - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
419 + - RNSVG (from `../node_modules/react-native-svg`)
410 - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) 420 - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
411 421
412 SPEC REPOS: 422 SPEC REPOS:
...@@ -464,6 +474,8 @@ EXTERNAL SOURCES: ...@@ -464,6 +474,8 @@ EXTERNAL SOURCES:
464 :path: "../node_modules/react-native/ReactCommon/jsinspector" 474 :path: "../node_modules/react-native/ReactCommon/jsinspector"
465 React-logger: 475 React-logger:
466 :path: "../node_modules/react-native/ReactCommon/logger" 476 :path: "../node_modules/react-native/ReactCommon/logger"
477 + react-native-safe-area-context:
478 + :path: "../node_modules/react-native-safe-area-context"
467 React-perflogger: 479 React-perflogger:
468 :path: "../node_modules/react-native/ReactCommon/reactperflogger" 480 :path: "../node_modules/react-native/ReactCommon/reactperflogger"
469 React-RCTActionSheet: 481 React-RCTActionSheet:
...@@ -488,6 +500,8 @@ EXTERNAL SOURCES: ...@@ -488,6 +500,8 @@ EXTERNAL SOURCES:
488 :path: "../node_modules/react-native/ReactCommon/runtimeexecutor" 500 :path: "../node_modules/react-native/ReactCommon/runtimeexecutor"
489 ReactCommon: 501 ReactCommon:
490 :path: "../node_modules/react-native/ReactCommon" 502 :path: "../node_modules/react-native/ReactCommon"
503 + RNSVG:
504 + :path: "../node_modules/react-native-svg"
491 Yoga: 505 Yoga:
492 :path: "../node_modules/react-native/ReactCommon/yoga" 506 :path: "../node_modules/react-native/ReactCommon/yoga"
493 507
...@@ -523,6 +537,7 @@ SPEC CHECKSUMS: ...@@ -523,6 +537,7 @@ SPEC CHECKSUMS:
523 React-jsiexecutor: 4a4bae5671b064a2248a690cf75957669489d08c 537 React-jsiexecutor: 4a4bae5671b064a2248a690cf75957669489d08c
524 React-jsinspector: 218a2503198ff28a085f8e16622a8d8f507c8019 538 React-jsinspector: 218a2503198ff28a085f8e16622a8d8f507c8019
525 React-logger: f79dd3cc0f9b44f5611c6c7862badd891a862cf8 539 React-logger: f79dd3cc0f9b44f5611c6c7862badd891a862cf8
540 + react-native-safe-area-context: ebf8c413eb8b5f7c392a036a315eb7b46b96845f
526 React-perflogger: 30ab8d6db10e175626069e742eead3ebe8f24fd5 541 React-perflogger: 30ab8d6db10e175626069e742eead3ebe8f24fd5
527 React-RCTActionSheet: 4b45da334a175b24dabe75f856b98fed3dfd6201 542 React-RCTActionSheet: 4b45da334a175b24dabe75f856b98fed3dfd6201
528 React-RCTAnimation: d6237386cb04500889877845b3e9e9291146bc2e 543 React-RCTAnimation: d6237386cb04500889877845b3e9e9291146bc2e
...@@ -535,6 +550,7 @@ SPEC CHECKSUMS: ...@@ -535,6 +550,7 @@ SPEC CHECKSUMS:
535 React-RCTVibration: 9e344c840176b0af9c84d5019eb4fed8b3c105a1 550 React-RCTVibration: 9e344c840176b0af9c84d5019eb4fed8b3c105a1
536 React-runtimeexecutor: 7285b499d0339104b2813a1f58ad1ada4adbd6c0 551 React-runtimeexecutor: 7285b499d0339104b2813a1f58ad1ada4adbd6c0
537 ReactCommon: bf2888a826ceedf54b99ad1b6182d1bc4a8a3984 552 ReactCommon: bf2888a826ceedf54b99ad1b6182d1bc4a8a3984
553 + RNSVG: 302bfc9905bd8122f08966dc2ce2d07b7b52b9f8
538 SocketRocket: fccef3f9c5cedea1353a9ef6ada904fde10d6608 554 SocketRocket: fccef3f9c5cedea1353a9ef6ada904fde10d6608
539 Yoga: 17cd9a50243093b547c1e539c749928dd68152da 555 Yoga: 17cd9a50243093b547c1e539c749928dd68152da
540 YogaKit: f782866e155069a2cca2517aafea43200b01fd5a 556 YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
......
...@@ -10,8 +10,11 @@ ...@@ -10,8 +10,11 @@
10 "lint": "eslint . --ext .js,.jsx,.ts,.tsx" 10 "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
11 }, 11 },
12 "dependencies": { 12 "dependencies": {
13 + "native-base": "^3.4.5",
13 "react": "17.0.2", 14 "react": "17.0.2",
14 - "react-native": "0.68.1" 15 + "react-native": "0.68.1",
16 + "react-native-safe-area-context": "^4.2.5",
17 + "react-native-svg": "^12.3.0"
15 }, 18 },
16 "devDependencies": { 19 "devDependencies": {
17 "@babel/core": "^7.12.9", 20 "@babel/core": "^7.12.9",
......
This diff is collapsed. Click to expand it.