React Native 之react-native-sqlite-storage

npm 官網指導: https://www.npmjs.com/package/react-native-sqlite-storage

1. 執行: npm install react-native-sqlite-storage

2.cd ios 執行pod install

3.執行react native link

使用：

按照上面官網說的，在ios項目根目錄下新建www文件夾，里面放sqlite數據庫文件

在react native項目中使用: 

1. 導入 import SQLiteManager from 'react-native-sqlite-storage'

2.打開數據庫: 

var db = SQLiteManager.openDatabase({name: "mydata.db", createFromLocation: 1}, openCB, errorCB); //參數依次是：數據庫名，路徑，操作成功函數，操作失敗函數

function openCB() {
    console.log('open!')
}
function errorCB(err) {
    console.log(err)
}

/**
 * [closeDB 關閉數據庫]
 */
function closeDB(){
  if(db){
    db.close()

  }else {

  }
}

 

3.創建表:

db.transaction((tx) => {
    //創建表
    tx.executeSql('CREATE TABLE IF NOT EXISTS DATA(' +
                'id INTEGER PRIMARY KEY  AUTOINCREMENT,' +
                'title VARCHAR,'+
                'value VARCHAR,' +
                'time VARCHAR,' +
                'year VARCHAR,' +
                'month VARCHAR,' +
                'date VARCHAR)',[],() => {Alert.alert('createTable executeSql success')},
    (err) => { Alert.alert('createTable  executeSql error=',err)})

}
)

4.查詢

db.transaction((tx) => {
            tx.executeSql(select, [], (tx, result) => {

               
                let arr = []
                for (let i = 0; i < result.rows.length; i++) {
                    
                    arr.push(result.rows.item(i))
                }
               
                this.setState({
             

                  dataSource: arr

                })



            })
        });//select 是sql語句

 

RN- react-native-sqlite-storage 封裝增刪改查方法：

https://www.jianshu.com/p/69a2e7e93caf

 

封裝好的工具：https://linux.ctolib.com/NikiLee2016-react-native-sqlite-helper-pro.html

react-native-sqlite-helper-pro