欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

react-native中AsyncStorage實(shí)例詳解

 更新時(shí)間:2017年03月31日 08:43:37   投稿:lqh  
這篇文章主要介紹了react-native中AsyncStorage實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下

react-native中AsyncStorage實(shí)例詳解

AsyncStorage是一個(gè)簡單的,具有異步特性的儲(chǔ)存API,它的儲(chǔ)存方式為鍵值對(duì)的方式,且對(duì)整個(gè)App而言,是全局的。

AsyncStorage提供了較全的方法供我們使用,每個(gè)方法都有一個(gè)回調(diào)函數(shù),而回調(diào)函數(shù)的第一個(gè)參數(shù)都是錯(cuò)誤對(duì)象error,所有的方法執(zhí)行之后都會(huì)返回一個(gè)Promise對(duì)象。

方法:

static getItem(key: string, callback?: ?(error: ?Error, result: ?string) => void) 

讀取key字段并將結(jié)果作為第二個(gè)參數(shù)傳遞給callback。如果有任何錯(cuò)誤發(fā)生,則會(huì)傳遞一個(gè)Error對(duì)象作為第一個(gè)參數(shù)。返回一個(gè)Promise對(duì)象。

static setItem(key: string, value: string, callback?: ?(error: ?Error) => void) 

將key字段的值設(shè)置成value,并在完成后調(diào)用callback函數(shù)。如果有任何錯(cuò)誤發(fā)生,則會(huì)傳遞一個(gè)Error對(duì)象作為第一個(gè)參數(shù)。返回一個(gè)Promise對(duì)象。

static removeItem(key: string, callback?: ?(error: ?Error) => void) 

刪除一個(gè)字段。返回一個(gè)Promise對(duì)象。

static mergeItem(key: string, value: string, callback?: ?(error: ?Error) => void) 

假設(shè)已有的值和新的值都是字符串化的JSON,則將兩個(gè)值合并。返回一個(gè)Promise對(duì)象。還沒有被所有原生實(shí)現(xiàn)都支持。

static clear(callback?: ?(error: ?Error) => void) 

刪除全部的AsyncStorage數(shù)據(jù),不論來自什么庫或調(diào)用者。通常不應(yīng)該調(diào)用這個(gè)函數(shù)——使用removeItem或者multiRemove來清除你自己的key。返回一個(gè)Promise對(duì)象。

static getAllKeys(callback?: ?(error: ?Error, keys: ?Array<string>) => void) 

獲取所有本應(yīng)用可以訪問到的數(shù)據(jù),不論來自什么庫或調(diào)用者。返回一個(gè)Promise對(duì)象。

static flushGetRequests() 

清除所有進(jìn)行中的查詢操作。

static multiGet(keys: Array<string>, callback?: ?(errors: ?Array<Error>, result: ?Array<Array<string>>) => void) 

獲取keys所包含的所有字段的值,調(diào)用callback回調(diào)函數(shù)時(shí)返回一個(gè)key-value數(shù)組形式的數(shù)組。返回一個(gè)Promise對(duì)象。

multiGet(['k1', 'k2'], cb) -> cb([['k1', 'val1'], ['k2', 'val2']])

static multiSet(keyValuePairs: Array<Array<string>>, callback?: ?(errors: ?Array<Error>) => void) 

multiSet和multiMerge都接受一個(gè)與multiGet輸出值一致的key-value數(shù)組的數(shù)組。返回一個(gè)Promise對(duì)象。

multiSet([['k1', 'val1'], ['k2', 'val2']], cb);

static multiRemove(keys: Array<string>, callback?: ?(errors: ?Array<Error>) => void) 

刪除所有鍵在keys數(shù)組中的數(shù)據(jù)。返回一個(gè)Promise對(duì)象。

static multiMerge(keyValuePairs: Array<Array<string>>, callback?: ?(errors: ?Array<Error>) => void) 

將多個(gè)輸入的值和已有的值合并,要求都是字符串化的JSON。返回一個(gè)Promise對(duì)象。

還沒有被所有原生實(shí)現(xiàn)都支持。

小例子:

import React from 'react';
import {View,StyleSheet,Text,AsyncStorage} from 'react-native';

export default class Root extends React.Component{
 constructor(props){
 super(props);
 this.set = this.set.bind(this);
 this.get = this.get.bind(this);
 this.clear = this.clear.bind(this);
 }
 //渲染
 render(){

 return (
  <View style = {style.container}>
  <Text onPress = {this.set}>儲(chǔ)存數(shù)據(jù)</Text>
  <Text style = {{marginTop: 10}} onPress = {this.get}>
   獲取數(shù)據(jù)
  </Text>
  <Text style = {{marginTop: 10}} onPress = {this.clear}>
   清除數(shù)據(jù)
  </Text>
  </View>
 );
 }
 set(){
 AsyncStorage.setItem('name','gefufeng',(error) => {
  if (error) {
  alert("儲(chǔ)存失敗");
  }else{
  alert("儲(chǔ)存成功");
  }
 });
 }
 get(){
 AsyncStorage.getItem('name',(error,result) => {
  if (error) {
  alert("獲取失敗");
  }else{
  alert("數(shù)據(jù)為:" + result);
  }
 });
 }
 clear(){
 AsyncStorage.removeItem('name',(error) => {
  if (!error) {
  alert("清除成功");
  }
 });
 }
}
const style = StyleSheet.create({
 container : {
 flex: 1,
 alignItems: 'center',
 justifyContent: 'center',
 backgroundColor : "#F5FCFF"
 }

});

 感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!

相關(guān)文章

最新評(píng)論