关于react-native-sqlite-stroage使用

最近因为项目的需要，看了一下react-native-sqlite-stroage，觉得还不错，跟大家分享一下

1. npm install --save react-native-sqlite-storage
2. 在android/settings.gradle 新加
   include ‘:react-native-sqlite-storage’
   project(’:react-native-sqlite-storage’).projectDir = new File(rootProject.projectDir, ‘…/node_modules/react-native-sqlite-storage/src/android’)

3.在android/app/build.gradle文件中新加
implementation project(’:react-native-sqlite-storage’)
4.在android\app\src\main\java\com\smapro\MainApplication.java中新加
import org.pgsqlite.SQLitePluginPackage;
new SQLitePluginPackage(),（这个看npm，我描述起来不清晰）
5.在项目的根目录下建立一个存放sqlite组件，然后在其他需要用的地方引用就可以了
在sqlite中添加一些方法
import React,{Component} from ‘react’;

import SQLiteStorage from ‘react-native-sqlite-storage’;
SQLiteStorage.DEBUG(true);
var database_name = “test.db”;//数据库文件名称
var database_version = “1.0”;//版本号
var database_displayname = “MySQLite”;数据库的表格的名称
var database_size = -1;//-1表示无限制
var db;
class SQLite extends Component{
在退出页面是关闭数据库
componentWillUnmount(){
if(db){
this._successCB(‘close’);
db.close();
}else {
console.log(“SQLiteStorage not open”);
}
}
打开数据库，
open(){
db = SQLiteStorage.openDatabase(
database_name,
database_version,
database_displayname,
database_size,
()=>{
this._successCB(‘open’);
},
(err)=>{
this._errorCB(‘open’,err);
});
return db;
}
createTable(){
if (!db) {
this.open();
}
//创建用户表
db.transaction((tx)=> {
tx.executeSql(‘CREATE TABLE IF NOT EXISTS USER(’ +
‘id INTEGER PRIMARY KEY AUTOINCREMENT,’ +
‘name varchar,’+
‘age VARCHAR,’ +
‘sex VARCHAR,’ +
‘phone VARCHAR,’ +
‘email VARCHAR,’ +
‘qq VARCHAR)’
, [], ()=> {
this._successCB(‘executeSql’);
}, (err)=> {
this._errorCB(‘executeSql’, err);
});
}, (err)=> {//所有的 transaction都应该有错误的回调方法，在方法里面打印异常信息，不然你可能不会知道哪里出错了。
this._errorCB(‘transaction’, err);
}, ()=> {
this._successCB(‘transaction’);
})
}
deleteData(){
if (!db) {
this.open();
}
db.transaction((tx)=>{
tx.executeSql(‘delete from user’,[],()=>{

  });
});

}
dropTable(){
db.transaction((tx)=>{
tx.executeSql(‘drop table user’,[],()=>{

  });
},(err)=>{
  this._errorCB('transaction', err);
},()=>{
  this._successCB('transaction');
});

}
insertUserData(userData){
let len = userData.length;
if (!db) {
this.open();
}
this.createTable();
this.deleteData();
db.transaction((tx)=>{
for(let i=0; i<len; i++){
var user = userData[i];
let name= user.name;
let age = user.age;
let sex = user.sex;
let phone = user.phone;
let email = user.email;
let qq = user.qq;
let sql = “INSERT INTO user(name,age,sex,phone,email,qq)”+
“values(?,?,?,?,?,?)”;
tx.executeSql(sql,[name,age,sex,phone,email,qq],()=>{

      },(err)=>{
        console.log(err);
      }
    );
  }
},(error)=>{
  this._errorCB('transaction', error);
  ToastAndroid.show("数据插入失败",ToastAndroid.SHORT);
},()=>{
  this._successCB('transaction insert data');
  ToastAndroid.show("成功插入 "+len+" 条用户数据",ToastAndroid.SHORT);
});

}
close(){
if(db){
this._successCB(‘close’);
db.close();
}else {
console.log(“SQLiteStorage not open”);
}
db = null;
}
_successCB(name){
console.log(“SQLiteStorage “+name+” success”);
}
_errorCB(name, err){
console.log("SQLiteStorage "+name);
console.log(err);
}
render(){
return null;
}
};
基本就是这样，估计难一些就会多一些正删改查一类的，后续我还会出一些关于这个坑，如果有错误的，还请多多包涵，我也刚入手前端小白