text: import React, {Component} from 'react';
  import {
      View,
  	StyleSheet,
      Navigator, 
  	TouchableOpacity,
  	Text,
  	DatePickerAndroid,
  	TimePickerAndroid,
  	ScrollView,
  	ToastAndroid,
  	TextInput,
  	WebView,
  	StatusBar,
  	ActivityIndicator,
  	InteractionManager,
  	Animated,
  	Dimensions,
  	BackAndroid, 
  	AsyncStorage, 
  	Image
  } from 'react-native';
   
  import Token from './Token';
  
  var dataImpor = [];
  var REQUEST_URL = 'http://www.linksame.com/OAuth/MobilePcdGant/authorize';
  import AppMain from './main'; 
  import Icon from 'react-native-vector-icons/Ionicons';   
  var WEBVIEW_REF = 'webview';
  export class Login extends Component {
  	constructor(props) {   
          super(props); 
  		this.state = {  
  		   url:'http://www.linksame.com/OAuth/MobilePcdGant/authorize',
  		   isshow:false,
  		   datas:'',
  		   isfalse:true,
  		   xiaoh:true,
  	  };   
      }
  	
  	componentDidMount() {
          storage.save({
  	        key: 'welcome',  // 注意:请不要在key中使用_下划线符号!
  	        rawData: {  
  	          datas: '123', 
  	        },  
  	        expires: null   
  	        });
      }
  	
  	
  	onNavigationStateChange(navState) {   
  		 
  		if(navState.url.indexOf("03in.com:8082/waibu")!=-1 && this.state.xiaoh){
  			                                                                                                                                                    
  			this.setState({                     
  				isshow:true,  
                  xiaoh:false,				
  			})
  																												 
  		}
  		 
  		if(navState.url.indexOf("http://login/?data")==0){     
  		    storage.clearMap();
  		    data=JSON.parse(decodeURI(navState.url.slice(19)));   
  			global.data=data
  			 storage.save({
  				key: 'loginState',  // 注意:请不要在key中使用_下划线符号!
  				rawData: {  
  				  data: data, 
  				},  
  				expires: 1000 * 3600 * 30 * 24
  			  }); 
              const {navigator} = this.props;
                  
  				navigator.resetTo({
  				  component: AppMain,
  				  name: 'AppMain'    
  				});
  		         
  		}   
  		 
  	 }    
       
  	 
  	 
      renderLoading(){  
  		   return(
  		      <View style={{justifyContent: 'center',alignItems: 'center',height:Dimensions.get('window').height-60,width:Dimensions.get('window').width, position:'absolute',top:0,left:0,}}>
  				     <View style={styles.loading}>
  						<ActivityIndicator color="#999" size="large"/>
  						<Text allowFontScaling={false} adjustsFontSizeToFit={false} style={styles.loadingTitle}>正在加载中...</Text>
  					</View>
  				</View>
  		   )                                  
  	} 	     
  	
  	renderError(){         
  		if(this.state.isfalse){
  		return(
  			<TouchableOpacity activeOpacity={1} onPress={this._shuax.bind(this)}>
  			    <View style={{justifyContent:'center',alignItems:'center',height:Dimensions.get('window').height-60,}}>
  				    <Icon name="ios-refresh-outline" color="#ccc"size={70}  />
  				    <Text allowFontScaling={false} adjustsFontSizeToFit={false} style={{fontSize:16,color:'#ccc'}}>点击屏幕，重新加载</Text>                  
  				</View>
  			  </TouchableOpacity>                                      
  		   ) 
  		}else{                                                                                                                                                         
  			return(
  			    <View></View>            
  			)
  		}
  	}
  	
  	onLoadEnd(){
  		                                                                     
  		this.setState({
  			 
              isfalse:true, 			
  		});                                                                                           
  	}                     
  	
  	onError(){ 
  	    
  		this.setState({
  			isshow:false,    
              isfalse:true,                                         			 
  		});              	   
  	}
  	
  	_shuax(){ 
  	    this.refs[WEBVIEW_REF].reload();   
  		this.setState({
  			isshow:true,    
              isfalse: false,                        			 
  		});    
         
  		
  	}                       
  	          
  	render() {
      return (
  	
  	         <View style={{flex:1}}>      
  			    <StatusBar
  					backgroundColor={'#4385f4'}
  					hidden={false} 
  					barStyle="light-content"   
  					translucent={false}    
  					style={{height: 25}}
  				 /> 
  			    <View style={{height:45,backgroundColor:'#4385f4',alignItems:'center', justifyContent:'center'}}>
  				  <Text allowFontScaling={false} adjustsFontSizeToFit={false} style={{color:'#fff',fontSize:18}}>登录</Text>
  				</View>
  				<WebView style={{  flex:1,}} 
                        ref={WEBVIEW_REF}					
  					  source={{uri:REQUEST_URL}} 
  					  domStorageEnabled={true}        
  					  startInLoadingState ={true}
  					  onNavigationStateChange={this.onNavigationStateChange.bind(this)}
  					  scalesPageToFit={false}    
  					  renderError={this.renderError.bind(this)}
  					  renderLoading={this.renderLoading.bind(this)} 
  					  javaScriptEnabled={true}
  					  onError={this.onError.bind(this)} 
  					  onLoadEnd={this.onLoadEnd.bind(this)}
  					  >
  				</WebView>
  				{this.state.isshow ? <View style={{justifyContent: 'center',alignItems: 'center',height:Dimensions.get('window').height-60,width:Dimensions.get('window').width,backgroundColor:'#fff',position:'absolute',top:45,left:0,}}>
  				     <View style={styles.loading}>
  						<ActivityIndicator color="#999" size="large"/>
  						<Text allowFontScaling={false} adjustsFontSizeToFit={false} style={styles.loadingTitle}>正在加载...</Text>
  					</View>
  				</View> : <View></View>}
  				     
  			 </View>
  			 
  	  )
  	}
  	
  	
  	
  }
  
  const styles = StyleSheet.create({  
    tabView: {
      flex: 1,
      flexDirection: 'column', 
  	backgroundColor:'#fafafa', 
    },   
    card: { 
      height:45,
  	backgroundColor:'#4385f4',
  	flexDirection:'row'
    },
    loading: {
         
          height: 80,
          width: 100,
          borderRadius: 10,
          justifyContent: 'center',
          alignItems: 'center',
         
      },
  
      loadingTitle: {
          marginTop: 10,
          fontSize: 14,
          color: '#999'
      },
    default: {
      height: 37,
      borderWidth: 0,
      borderColor: 'rgba(0,0,0,0.55)',
      flex: 1,
      fontSize: 13,
      
    },
  });