-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_App.js
83 lines (74 loc) · 1.95 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
73
74
75
76
77
78
79
80
81
82
83
// /**
// * Sample React Native App
// * https://github.com/facebook/react-native
// *
// * @format
// * @flow strict-local
// *
// * This is Use with react-native-sqlite-storage
// */
// import { Body, Container, Content, Header, ListItem, Text, Title } from 'native-base';
// import React, { useEffect, useReducer, useRef, useState } from 'react';
// import { Alert } from 'react-native';
// // import SQLite from "react-native-sqlite-storage"
// import { optionReducer } from './optionReducer';
// const initState = {
// usersList: []
// }
// const App = () => {
// const [state, dispatch] = useReducer(optionReducer, initState)
// const mounted = useRef(false)
// const { usersList } = state
// let db = SQLite.openDatabase(
// {
// name: 'users.db',
// location: 'default',
// },
// () => successToOpenDB(),
// (err) => failToOpenDB(err)
// )
// // const [usersList, setUsers] = useState([])
// useEffect(() => {
// return () => mounted.current = true
// }, [])
// const successToOpenDB = () => {
// db.transaction((tx) => {
// tx.executeSql('SELECT * FROM User', [], (_tx, results) => {
// let dataLength = results.rows.length
// if (dataLength > 0 && !mounted.current) {
// console.log(results);
// let helperArr = []
// for (let i = 0; i < dataLength; i++) {
// helperArr.push(results.rows.item(i))
// }
// dispatch({ type: 'CHANGE', name: 'usersList', value: helperArr})
// }
// })
// })
// }
// const failToOpenDB = (err) => {
// Alert.alert(err)
// }
// return (
// <Container>
// <Header noLeft>
// <Body>
// <Title>Header</Title>
// </Body>
// </Header>
// <Content>
// {
// usersList.map((user, i) =>
// <ListItem key={i}>
// <Body>
// <Text>Name: {user.name}</Text>
// <Text note>Age: {user.age}</Text>
// </Body>
// </ListItem>
// )
// }
// </Content>
// </Container>
// );
// };
// export default App;