-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
73 lines (65 loc) · 1.82 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
import { useEffect, useState } from "react";
import { FlatList, SafeAreaView, StatusBar, StyleSheet, View } from "react-native"
import { Picker } from "@react-native-picker/picker";
import NotaEditor from "./src/componentes/NotaEditor";
import Nota from "./src/componentes/Nota";
import { buscaNotas, criaTabela } from "./src/services/Notas";
export default function App() {
const [notas, setNotas] = useState([]);
const [notaSel, setNotaSel] = useState({});
const [categoria, setCategoria] = useState("*");
useEffect(() => {
criaTabela();
}, []);
useEffect(() => {
async function inicNotas() {
await mostraNotas();
}
inicNotas();
}, [categoria]);
async function mostraNotas() {
const notes = await buscaNotas(categoria);
setNotas(notes);
}
return (
<SafeAreaView style={estilos.container}>
<View style={estilos.modalPicker}>
<Picker
selectedValue={categoria}
onValueChange={(itemValue) => setCategoria(itemValue)}
>
<Picker.Item label="Todos" value="*" />
<Picker.Item label="Pessoal" value="Pessoal" />
<Picker.Item label="Trabalho" value="Trabalho" />
<Picker.Item label="Outros" value="Outros" />
</Picker>
</View>
<FlatList
data={notas}
renderItem={(nota) => (
<Nota item={nota.item} setNotaSel={setNotaSel} />
)}
keyExtractor={(nota) => nota.id}
/>
<NotaEditor
showNotas={mostraNotas}
notaSel={notaSel}
setNotaSel={setNotaSel}
/>
<StatusBar/>
</SafeAreaView>
)
}
const estilos = StyleSheet.create({
container: {
flex: 1,
alignItems: "stretch",
justifyContent: "flex-start",
},
modalPicker: {
borderWidth: 1,
borderRadius: 5,
borderColor: "#EEEEEE",
margin: 12
},
})