index.android.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */

import React from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    ToastAndroid,
    AlertIOS,
    Platform
} from 'react-native';
const AndroidOS = "android";
import Button from './src/component/Button';
import ImageLoading from  './src/main/ImageLoading';
import DrawerLayoutLoading from './src/main/DrawerLayoutLoading';
import ListViewLoading from './src/main/ListViewLoading';
import ModalLoading from './src/main/ModalLoading';
import PickerLoading from './src/main/PickerLoading';
import NavigatorLoading from './src/main/navigator/NavigatorLoading';
import ProgressBarLoading from './src/main/ProgressLoading';
import RefreshControlLoading from './src/main/RefreshControlLoading';
import ScrollViewLoading from './src/main/ScrollViewLoading';
import SliderLoading from './src/main/SliderLoading';
import StatusBarLoading from './src/main/StatusBarLoading';
import TextInputLoading from './src/main/TextInputLoading';
import ToolbarAndroidLoading from './src/main/ToolbarAndroidLoading';
import ViewPagerAndroidLoading from './src/main/ViewPagerAndroidLoading';
import AnimatedLoading from './src/main/AnimatedLoading';
import AsyncStorageLoading from './src/main/AsyncStorageLoading';
import LinkLoading from './src/main/LinkLoading';
import NetInfoLoading from './src/main/NetInfoLoading';
import TimePickerAndroidLoading from './src/main/TimePickerLoading';
import VibrationLoading from './src/main/VibrationLoading';
class demo extends React.Component {
    fetchData = ()=> {
        //禁用按钮
        ToastAndroid.show("ToastTest", ToastAndroid.SHORT);
        this.refs.btnConfirm._disable();
        this._timer = setTimeout(()=> {
            this.refs.btnConfirm._enable();
        }, 3000);
        //获取完数据启用按钮
    };

    fetchDataOther = (enableCallBack)=> {
        this._timer = setTimeout(()=> {
            enableCallBack();//带括号表示立即执行
        }, 3000);
    };
    onPress = ()=> {
        if (Platform.OS === AndroidOS) {
            ToastAndroid.show("click Android", ToastAndroid.SHORT);
        } else {
            AlertIOS.alert("click IOS");
        }
    };

    componentWillUnMount() {
        this._timer && clearTimeout(this._timer);
    }

    render() {
        return (
            <View style={styles.container}>
                <View style={styles.title_bar}/>
                <VibrationDemo/>
            </View>
        );
    }
}
var VibrationDemo = React.createClass({
    render(){
        return(
            <VibrationLoading/>
        );
    }
});
var TimePickerAndroidDemo = React.createClass({
    render(){
        return(
            <TimePickerAndroidLoading/>
        );
    }
});
var NetInfoDemo = React.createClass({
    render(){
        return(
            <NetInfoLoading/>
        );
    }
});
var LinkingDemo = React.createClass({
    render(){
        return(
            <LinkLoading/>
        );
    }
});
var AsyncStorageDemo = React.createClass({
    render(){
        return(
            <AsyncStorageLoading/>
        );
    }
});
var AnimatedDemo = React.createClass({
  render(){
      return(
      <AnimatedLoading/>
      );
  }
});

var ViewPagerAndroidDemo = React.createClass({
    render(){
        return (
            <ViewPagerAndroidLoading/>
        )
    }
});
var ToolbarAndroidDemo = React.createClass({
    render(){
        return (
            <ToolbarAndroidLoading/>
        )
    }
});
var StatusBarDemo = React.createClass({
    render(){
        return (
            <View style={styles.container}>
                <StatusBarLoading/>
                <View style={styles.title_bar}/>
            </View>
        )
    }
});
var TextInputDemo = React.createClass({
    render(){
        return (
            <TextInputLoading/>
        )
    }
});
var SliderDemo = React.createClass({
    render(){
        return (
            <SliderLoading/>
        )
    }
});
var ScrollViewDemo = React.createClass({
    render(){
        return (
            <ScrollViewLoading/>
        )
    }
});
var RefreshControlDemo = React.createClass({
    render(){
        return (
            <RefreshControlLoading/>
        )
    }
});
var ProgressDemo = React.createClass({
    render(){
        return (
            <ProgressBarLoading/>
        )
    }
});
var NavigatorDemo = React.createClass({
        render(){
            return (
                <NavigatorLoading/>
            )
        }
    }
);
var ModalDemo = React.createClass({
    render()
    {
        return (
            <ModalLoading style={{flex:1}}/>
        )
    }
});
var ListView = React.createClass({
    render(){
        return (
            <ListViewLoading style={styles.listView}/>
        )
    }
});
var ButtonView = React.createClass({
    render(){
        return (
            <View style={{flex:1}}>
                <Button ref="btnConfirm" text="确定" backgroundColor="red" onPress={this.fetchData}/>
                <Button ref="btnCancel" text="取消" backgroundColor="blue" onPress={this.fetchDataOther}/>
                <ImageLoading onPress={this.onPress}/>
            </View>
        )
    }
});
const styles = StyleSheet.create({
    container: {
        flex: 1,
        flexDirection: 'column',
        backgroundColor: '#F5FCFF',
    },
    title_bar: {
        flexDirection: 'row',
        alignItems: 'center',
        height: 56,
        backgroundColor: '#fa3214'
    },
    listView: {
        flex: 1,
        flexDirection: 'column',
        justifyContent: 'center'
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    },
});

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