avance un peu

App.js

@@ -1,10 +1,29 @@
 import { StatusBar } from 'expo-status-bar';
 import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, Text, View, TextInput } from 'react-native';
+import { Button } from 'react-native-web';
 
 export default function App() {
   return (
-    <View style={styles.container}>
+    <View style={styles.container, {
+      flexDirection: "column"
+    }}>
+      <View style={styles.controlBar}>
+        <View style={{
+          flexDirection: 'row'
+        }}>
+          <Text>Objectif</Text>
+          <TextInput/>
+        </View>
+        <View style={{
+          alignItems: 'flex-end',
+          flexDirection: 'row'
+        }}>
+        <Button title={"Jour"}></Button>
+        <Button title={"Mois"}></Button>
+        <Button title={"YTD"}></Button>
+        </View>
+      </View>
       <Text>Open up App.js to start working on your app!</Text>
       <StatusBar style="auto" />
     </View>
@@ -18,4 +37,9 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  controlBar: {
+    flex: 1,
+    flexDirection: "row",
+    justifyContent: 'space-between'
+  }
 });

db/database-connect.js

@@ -0,0 +1,6 @@
+import {openDatabase} from 'react-native-sqlite-storage';
+
+// TODO reprends ici https://blog.logrocket.com/using-sqlite-with-react-native/
+export const getDBConnection = async () => {
+    return openDatabase({name: 'todo-data.db', location: 'default'});
+  };

package-lock.json

@@ -6149,6 +6149,11 @@
         "warn-once": "^0.1.0"
       }
     },
+    "react-native-sqlite-storage": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/react-native-sqlite-storage/-/react-native-sqlite-storage-6.0.1.tgz",
+      "integrity": "sha512-1tDFjrint6X6qSYKf3gDyz+XB+X79jfiL6xTugKHPRtF0WvqMtVgdLuNqZunIXjNEvNtNVEbXaeZ6MsguFu00A=="
+    },
     "react-native-web": {
       "version": "0.17.1",
       "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.17.1.tgz",

package.json

@@ -18,6 +18,7 @@
     "react-native-reanimated": "~2.2.0",
     "react-native-safe-area-context": "3.3.2",
     "react-native-screens": "~3.8.0",
+    "react-native-sqlite-storage": "^6.0.1",
     "react-native-web": "0.17.1"
   },
   "devDependencies": {