index.android.js

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Navigator
} from 'react-native';

import ShopListComponent from './js/shop/shop-list.js';
import Storage from 'react-native-storage';
import { AsyncStorage } from 'react-native';

var storage = new Storage({
  // 最大容量，默认值1000条数据循环存储
  size: 1000,
  // 存储引擎：对于RN使用AsyncStorage，对于web使用window.localStorage
  // 如果不指定则数据只会保存在内存中，重启后即丢失
  storageBackend: AsyncStorage,
  // 数据过期时间，默认一整天（1000 * 3600 * 24 毫秒），设为null则永不过期
  defaultExpires: null,
  // 读写时在内存中缓存数据。默认启用。
  enableCache: true,
  // 如果storage中没有相应数据，或数据已过期，
  // 则会调用相应的sync同步方法，无缝返回最新数据。
  sync: {
    // 同步方法的具体说明会在后文提到
  }
});
// 最好在全局范围内创建一个（且只有一个）storage实例，方便直接调用
// 这样在之后的任意位置即可以直接调用storage
global.storage = storage;


class MyBuy extends Component {
  render() {
    let defaultName = "ShopListComponent";
    let defaultComponent = ShopListComponent;
    return (
      <Navigator
        initialRoute={{name:defaultName,component:defaultComponent}}
        configureScene={
          (route) => {
            return Navigator.SceneConfigs.FloatFromRight;
          }
        }
        renderScene={
          (route,navigator) => {
            let Component = route.component;
            return <Component {...route.params} navigator={navigator}/>
          }
        }
      />
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1
  }
});

AppRegistry.registerComponent('MyBuy', () => MyBuy);