[RN] React Native 使用 realm 数据库
React Native 使用 realm 数据库
realm 整体的优点有这么四点:
一、安装依赖
npm i -S realm
Link
react-native link
二、使用
1)先定义工具文件
RealmUtil.js
import Realm from 'realm'; /***表定义区**/
export const HistoryTableName = 'History';
export const CityTableName = 'City'; const HistorySchema = {
name: HistoryTableName,
primaryKey: 'id',
properties: {
id: 'int',
name: 'string',
}
}; const CitySchema = {
name: CityTableName,
primaryKey: 'city_id',
properties: {
city_id: 'int',
city_name: 'string',
}
}; const instance = new Realm({
schema: [
HistorySchema,
CitySchema,
],
deleteRealmIfMigrationNeeded: true,
inMemory: false,
}); /***表使用区**/
export function writeToRealm(obj,tabName) {
return new Promise((resolve, reject) => {
instance.write(() => {
instance.create(tabName, obj, true)
resolve(true)
})
})
} export function queryAllFromRealm(tabName) {
return new Promise((resolve, reject) => {
let obj = instance.objects(tabName);
let objStr = JSON.stringify(obj);
resolve(JSON.parse(objStr))
})
} export function clearAllFromRealm(tabName) {
return new Promise((resolve, reject) => {
instance.write(() => {
let arrays = instance.objects(tabName);
instance.delete(arrays);
resolve(true)
})
})
} export function clearRowFromRealm(id,tabName) {
return new Promise((resolve, reject) => {
instance.write(() => {
let arrays = instance.objects(tabName);
let row = arrays.filtered('id==' + id);
instance.delete(row);
resolve(true)
})
})
}
2)调用文件
import React, {Component} from "react";
import {StyleSheet, Text, ToastAndroid, TouchableHighlight, View,} from 'react-native';
import {
HistoryTableName,
CityTableName,
clearAllFromRealm,
queryAllFromRealm,
writeToRealm,
clearRowFromRealm
} from "./RealmUtil"; export default class TestRealm extends Component {
componentWillMount() { } //表1操作
_addData() {
clearAllFromRealm(HistoryTableName); let row1 = {"id": , "name": "战狼1"};
writeToRealm(row1, HistoryTableName).then(() => {
ToastAndroid.show('写入完成1', ToastAndroid.SHORT);
});
let row2 = {"id": , "name": "战狼2"};
writeToRealm(row2, HistoryTableName).then(() => {
ToastAndroid.show('写入完成2', ToastAndroid.SHORT);
});
} _readAllData() {
queryAllFromRealm(HistoryTableName).then((list) => {
for (let key in list) {
ToastAndroid.show('id:' + list[key].id + ',name:' + list[key].name, ToastAndroid.SHORT);
}
});
} _updateData() {
let row2 = {"id": , "name": "北京222"};
writeToRealm(row2, HistoryTableName).then(() => {
ToastAndroid.show('修改完成', ToastAndroid.SHORT);
});
} _delRowData() {
//删除第一行
clearRowFromRealm(, HistoryTableName).then(() => {
ToastAndroid.show('删除完成', ToastAndroid.SHORT);
});
} //表2操作
_addData2() {
clearAllFromRealm(CityTableName); let row1 = {"city_id": , "city_name": "上海"};
writeToRealm(row1, CityTableName).then(() => {
ToastAndroid.show('2写入完成1', ToastAndroid.SHORT);
});
let row2 = {"city_id": , "city_name": "北京"};
writeToRealm(row2, CityTableName).then(() => {
ToastAndroid.show('2写入完成2', ToastAndroid.SHORT);
});
} _readAllData2() {
queryAllFromRealm(CityTableName).then((list) => {
for (let key in list) {
ToastAndroid.show('城市ID:' + list[key].city_id + ',城市名:' + list[key].city_name, ToastAndroid.SHORT);
}
});
} render() {
return (
<View style={{flex: }}>
<View style={{padding: }}><Text>表1操作</Text></View>
<TouchableHighlight onPress={() => this._delRowData()} style={styles.button} underlayColor="#a5a5a5">
<Text>删除第一行</Text>
</TouchableHighlight>
<TouchableHighlight onPress={() => this._addData()} style={styles.button} underlayColor="#a5a5a5">
<Text>增加数据</Text>
</TouchableHighlight>
<TouchableHighlight onPress={() => this._updateData()} style={styles.button} underlayColor="#a5a5a5">
<Text>修改数据</Text>
</TouchableHighlight>
<TouchableHighlight onPress={() => this._readAllData()} style={styles.button} underlayColor="#a5a5a5">
<Text>读取全部数据</Text>
</TouchableHighlight> <View style={{padding: , marginTop: }}><Text>表2操作</Text></View>
<TouchableHighlight onPress={() => this._addData2()} style={styles.button} underlayColor="#a5a5a5">
<Text>增加数据</Text>
</TouchableHighlight>
<TouchableHighlight onPress={() => this._readAllData2()} style={styles.button} underlayColor="#a5a5a5">
<Text>读取全部数据</Text>
</TouchableHighlight>
</View>
); }
} const styles = StyleSheet.create({
button: {
margin: ,
backgroundColor: 'white',
padding: ,
borderBottomWidth: StyleSheet.hairlineWidth,
borderBottomColor: '#cdcdcd'
},
});
三、如何查看数据文件
笔者是在Genymotion模拟器里测试的
思路是使用 adb 命令 ,先 复制到本地 windows 下,然后用 Realm Studio 打开 realm 文件即可!
复制步骤如下:
1)先连接远程
adb remount
2)查看对应目录下文件
adb ls /data/data/com.testdemo/files
看到结果如下:
000041f9 00001000 5cece0e8 .
000041e9 00001000 5cece048 ..
000041c0 00001000 5cece0e8 default.realm.management
00008180 00316390 5cece0e7 ReactNativeDevBundle.js
00008180 00000498 5cece0fe default.realm.lock
00008180 00004000 5cece0fc default.realm
00001180 00000000 5cece0fc default.realm.note
3)对,没错,然后复制 default.realm 出来就行
adb pull /data/data/com.testdemo/files/default.realm d:/m
注意: com.testdemo 为自己的包名,要对应的修改 。 最后的 d:/m 为 自己要复制的win目录。
本博客地址: wukong1688
本文原文地址:https://www.cnblogs.com/wukong1688/p/10935043.html
转载请著名出处!谢谢~~
今日心得:
苦难
[RN] React Native 使用 realm 数据库的更多相关文章
- [RN] React Native 实现图片预览
[RN] React Native 实现图片预览 效果预览: 代码如下: 'use strict'; import React, {Component} from 'react'; import {I ...
- [RN] React Native 常见基本问题归纳总结
[RN] React Native 常见基本问题归纳总结 本问题总结涉及到版本为: "react": "16.8.3","react-native& ...
- [RN] React Native 关闭所有黄色警告
[RN] React Native 关闭所有黄色警告 console.ignoredYellowBox = ['Warning: BackAndroid is deprecated. Please u ...
- [RN] React Native 下实现底部标签(支持滑动切换)
上一篇文章 [RN] React Native 下实现底部标签(不支持滑动切换) 总结了不支持滑动切换的方法,此篇文章总结出 支持滑动 的方法 准备工作之类的,跟上文类似,大家可点击上文查看相关内容. ...
- [RN] React Native 幻灯片效果 Banner
[RN] React Native 幻灯片效果 Banner 1.定义Banner import React, {Component} from 'react'; import {Image, Scr ...
- [RN] React Native 常用命令行
[RN] React Native 常用命令行 1.查看当前版本 react-native --version 或 react-native -v 2.创建指定版本的React Native项目 1) ...
- [RN] React Native 实现 类似QQ 登陆页面
[RN] React Native 实现 类似QQ 登陆页面 一.主页index.js 项目目录下index.js /** * @format */ import {AppRegistry} from ...
- [RN] React Native 使用 阿里 ant-design
React Native 使用 阿里 ant-design 实例效果如图: 一.安装 npm install antd-mobile-rn --save npm install babel-plugi ...
- [RN] React Native 获取地理位置
React Native 获取地理位置 实现原理: 1.用 navigator.geolocation.getCurrentPosition 获取到坐标信息 2.调用 高德地图 接口,解析位置数据 ...
随机推荐
- CSP-J&S2019第二轮游记认证
Day 0 我毕竟不是竞赛省,在黑龙江这个弱省任何初中都没有竞赛生的----在初中,文化课第一----永远如此. 因而,我并不能翘掉周五的文化课来复习或是提前前往省城参加下午2:00~6:00的试机. ...
- Chrome保存整个网页为图片
打开需要保存为图片的网页 然后按F12,接着按Ctrl+Shift+P 在红框内输入full 点击下面的“Capture full size screenshot”就可以保存整个网页为图片了 原文出处 ...
- MySQL统计信息简介
作者:王小龙@网易乐得DBA 原文地址: http://mp.weixin.qq.com/s/698g5lm9CWqbU0B_p0nLMw MySQL执行SQL会经过SQL解析和查询优化的过程,解析器 ...
- MySQL如果频繁的修改一个表的数据,那么这么表会被锁死。造成假死现象。
MySQL如果频繁的修改一个表的数据,那么这么表会被锁死.造成假死现象. 比如用Navicat等连接工具操作,Navicat会直接未响应,只能强制关闭软件,但是重启后依然无效. 解决办法: 首先执行: ...
- Algorithm: Permutation & Combination
组合计数 组合数学主要是研究一组离散对象满足一定条件的安排的存在性.构造及计数问题.计数理论是狭义组合数学中最基本的一个研究方向,主要研究的是满足一定条件的排列组合及计数问题.组合计数包含计数原理.计 ...
- redis之通信协议
Redis 协议将传输的结构数据分为 5 种最小单元类型,单元结束时统一加上回车换行符号\r\n. 1.单行字符串 以 + 符号开头. 2.多行字符串 以 $ 符号开头,后跟字符串长度. 3.整数值 ...
- 第三节: List类型的介绍、生产者消费者模式、发布订阅模式
一. List类型基础 1.介绍 它是一个双向链表,支持左进.左出.右进.右出,所以它即可以充当队列使用,也可以充当栈使用. (1). 队列:先进先出, 可以利用List左进右出,或者右进左出(Lis ...
- 解决java,C#,php,python MD5加密不一致问题
JAVA写法 public static String md5Base64(final String str, final String key) throws Exception { if ((nu ...
- 微软开放了.NET 4.5.1的源代码【转】
.NET Reference Source发布了beta版,可以在线浏览.NET Framework 4.5.1的源代码,并且可以通过配置,在Visual Studio 2013中调试.NET Fra ...
- git同步本地数据到github——第一次使用和以后使用
git作为版本控制工具十分的好用,但是在使用的过程中,会因为仓库版本的不同步出现很多错误 一.git简单的原理交互模型 从下面的model中我们看到在不创建分支情况下始终是远程的origin和本地的m ...