debut bouton qui veut pas se placer au bon endroit

App.js

@@ -1,41 +1,44 @@
 import { StatusBar } from 'expo-status-bar';
 import React, { useEffect } from 'react';
 import { StyleSheet, Text, View, TextInput } from 'react-native';
+import AddDepense from './components/add_depense';
 import DepensesList from './components/depenses_list';
 import TitleBar from './components/title_bar';
-
-// https://github.com/expo/examples/blob/master/with-sqlite/App.js
-import * as SQLite from 'expo-sqlite';
-
-const db = SQLite.openDatabase("datacoucou.db");
+import sqlite_exec_query from './db/query';
 
 
 export default function App() {
   const [durationMode, onChangeDuration] = React.useState("days");
-  const [dailyObjective, onChangeObjective] = React.useState(15);
-
+  const [dailyObjective, onChangeObjective] = React.useState(1);
+  console.log("bah")
   useEffect( () => {
-    db.transaction((tx) => {
-      tx.executeSql(
-        `
-        create table if not exists expense (id integer primary key not null, value real, description text, date integer);
-        create table if not exists objective(value integer);
-        `
-      );
-    });
-      }, [])
+    sqlite_exec_query("create table if not exists objective(value integer)", (res)=>{
+      sqlite_exec_query("select * from objective", (res) => {
+        console.log(res.rows.length);
+        if(res.rows.length == 0)
+          onChangeObjective(15);
+      })
+    })
+  });
 
   return (
-    <View style={styles.container, {
-      flexDirection: "column"
-    }}>
-      <TitleBar 
-        onChangeDuration={onChangeDuration} 
-        durationMode={durationMode} 
-        dailyExpense={dailyObjective}
-        onChangeObjective={onChangeObjective}/>
-      <DepensesList durationMode={durationMode} database={db}/>
-      <StatusBar hidden />
+    <View>
+      <View style={styles.container, {
+        flexDirection: "column"
+      }}>
+          <TitleBar 
+            onChangeDuration={onChangeDuration} 
+            durationMode={durationMode} 
+            dailyExpense={dailyObjective}
+            onChangeObjective={onChangeObjective}/>
+          <DepensesList durationMode={durationMode} />
+          <StatusBar hidden />
+        </View>
+        <View>
+        {/* Overlay for expenses */}
+        <AddDepense/>
+
+      </View>
     </View>
   );
 }

components/add_depense.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StyleSheet, Text, View, TextInput, Button } from 'react-native';
+
+
+export default function AddDepense(props){
+
+        return (
+        <View style={add_depenses_styles.buttonAdd}>
+            <Button  title="+"></Button>
+        </View>
+        );
+    }
+
+
+const add_depenses_styles = StyleSheet.create({
+    buttonAdd: {
+        position: 'absolute',
+        bottom: 0,
+        right: 0
+    },
+    input: {
+        borderWidth: 0.5
+    }
+    });

db/query.js

@@ -0,0 +1,14 @@
+// https://github.com/expo/examples/blob/master/with-sqlite/App.js
+import * as SQLite from 'expo-sqlite';
+
+const db = SQLite.openDatabase("datacoucou.db");
+
+
+export default function sqlite_exec_query(inQuery, inCallback){
+
+    db.transaction((tx) => {
+        tx.executeSql(inQuery, [],
+        (txobj, res) => inCallback(res),
+        (txobj, err) => {console.log("er");console.log(err);})
+    })
+}