亲宝软件园·资讯

展开

ReactNative(API)AsyncStorage ReactNative (API)AsyncStorage存储详解及实例

顺子_RTFSC 人气:0
想了解ReactNative (API)AsyncStorage存储详解及实例的相关内容吗,顺子_RTFSC在本文为您仔细讲解ReactNative(API)AsyncStorage的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:ReactNative,(API)AsyncStorage存储,ReactNative,(API)AsyncStorage,实例详解,ReactNative,AsyncStorage,下面大家一起来学习吧。

AsyncStorage存储类似Android中的sharedpreference存储或者IOS中的NSDefaultUser不过ReactNative中的AsyncStorage只能存储字符串类型

这里写图片描述

常用方法:

getItem(key:string,callback?:?(error:?Error,result:?string)=>void) 静态方法,该通过key字段来进行查询存储的数据,把该结果值作为参数传入第二个callback方法。如果发生错误,会把Error对象传入callback方法。该方法最终返回一个Promise对象

setItem(key:string,value:string,callback?:?(error:?Error)=>void) 静态方法,该根据key字段设置value内容,完成之后进行回调callback方法。如果发生错误会把Error对象传入callback方法中。该方法返回一个Promise对象。

removeItem(key:string,callback?:?(error:?Error)=>void) 静态方法,根据key进行删除值,成功之后进行回调callback方法。如果发生错误会把Error对象传入callback方法中。该方法返回一个Promise对象。

/**
 * Created by Administrator on 2016/9/12.
 */
import React, {Component} from 'react';
import {
  StyleSheet,
  View,
  Text,
  AsyncStorage
} from 'react-native';

var keyName = 'name';
var keyValue = '张三';
class AsyncStorageG extends Component {

  constructor(props) {
    super(props);
    this.state = {
      result: '初始值'
    };
  }

  render() {
    return (

      <View style={{flex: 1}}>
        <Text
          style={styles.text}
          onPress={this.save.bind(this)}>存</Text>
        <Text
          style={styles.text}
          onPress={()=>this.load()}>取</Text>
        <Text
          style={styles.text}
          onPress={()=> this.remove()}>删除</Text>

        <Text
          style={styles.text}
        >存储的内容是------------------{this.state.result}</Text>
      </View>

    )
  }

  /**
   * 存数据
   */
  save() {
    //this 是指当前对象
    this2 = this;
    AsyncStorage.setItem(keyName, keyValue, function (error) {
      if (error) {
        alert('存储失败');
      } else {
        this2.setState(
          {
            result: '数据已经保存,取出来看看吧!!!'
          }
        )
      }
    })
  }

  /**
   * 取数据
   */
  load() {
    //this 是指当前对象
    this2 = this;
    AsyncStorage.getItem(keyName, function (error, result) {
      if (!error) {
        this2.setState(
          {
            result: result === null ? '数据已经删除,现在取的是空值' : result
          }
        )
      }
    })
  }

  /**
   * 两个参数:
   * 一个是要删除指定key内容
   * 第二个是一个回调函数
   */
  remove() {
    //this 是指当前对象
    this2 = this;
    AsyncStorage.removeItem(keyName, function (error) {

      if (!error) {
        this2.setState(
          {
            result: '数据已经删除'
          }
        )
      }

    })
  }

}

const styles = StyleSheet.create({
  text: {
    fontSize: 20
  }
});

//es6写法
export default AsyncStorageG;



感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

加载全部内容

相关教程
猜你喜欢
用户评论