react-native缓存数据

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014744233/article/details/51910917
'use strict';


import React, { Component } from 'react';
import {
    AppRegistry,
    NavigatorIOS,
    StyleSheet,
    ListView,
    View,
    Text,
    TouchableHighlight,
    Alert,
    AsyncStorage,
} from 'react-native';


class Stroage extends Component {


    saveData() {
        let UID123_object = {
         name: 'Chris',
         age: 30,
         traits: {hair: 'brown', eyes: 'brown'},
        };
        // You only need to define what will be added or updated
        let UID123_delta = {
         age: 31,
         traits: {eyes: 'blue', shoe_size: 10}
        };


        AsyncStorage.setItem('UID123', JSON.stringify(UID123_object), () => {
            AsyncStorage.mergeItem('UID123', JSON.stringify(UID123_delta), () => {


            });
        });
    }


    fetchData() {
        AsyncStorage.getItem('UID123', (err, result) => {
            console.log(result);
            let obj = JSON.parse(result);
          console.log(obj);
          console.log(obj.name);
          console.log(obj.traits);
        });
    }




    render(){
        return(
            <View>
                <View style = {styles.container}>
                    <TouchableHighlight onPress= {
                        this.saveData
                    }>
                        <Text style = {styles.text}>
                            保存数据
                        </Text>
                    </TouchableHighlight>
                </View>


                <View style = {styles.container}>
                    <TouchableHighlight onPress= {
                        this.fetchData
                    }>
                        <Text style = {styles.text}>
                            获取数据
                        </Text>
                    </TouchableHighlight>
                </View>
            </View>
        );
    }
}


var styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'white',
        //justifyContent: 'center',
        alignItems: 'center',
    },
    text: {
        alignSelf:'center',
        backgroundColor:'red',
        margin:30,
        fontSize:20,


    },
});


AppRegistry.registerComponent('TestProject', () => Stroage);
展开阅读全文

没有更多推荐了,返回首页