import React,{Component} from 'react';
import {AppRegistry,Text,Image,View} from 'react-native'
class MyBlink extends Component{
constructor(props){
super(props);
this.state = {showText:true};
setInterval(()=>{
this.setState(previousState=>{
// previousState.showText=!previousState.showText;
return {showText: !previousState.showText};
});
},1000);
}
render(){
let display = this.state.showText ? this.props.text: ' ';
return (
<Text>{display}</Text>
);
}
}
//mine
/*class Blank extends Component{
constructor(props){
super(props);
this.state = {showText:true};
setInterval(()=>{
//这里是this.state
this.setState(previousState=>{
return {showText: !previousState.showText};
});
},1000);
}
render(){
let display = this.state.showText ? this.props.text: ' ';
return (
<Text>{display}</Text>
);
}
}*/
class HelloWorldTest extends Component{
/* render(){
return (
<View>
<Blink text='heewre eawf2'/>
<Blink text='heewre eawf3'/>
</View>
);
}*/
render() {
return (
<View>
<MyBlink text='I love to blink' />
<MyBlink text='Yes blinking is so great' />
<MyBlink text='Why did they ever take this out of HTML' />
<MyBlink text='Look at me look at me look at me' />
</View>
);
}
}
AppRegistry.registerComponent('HelloWorldTest',()=>HelloWorldTest);
/*
test props
class Greeting extends Component{
render(){
return <Text>Hello {this.props.aeg}</Text>
}
}
class HelloWorldTest extends Component{
render(){
return (
<View style={{alignItems:'center'}}>
<Greeting aeg='zhangsan'/>
<Greeting aeg='lisi'/>
<Greeting aeg='wangwu'/>
</View>
)
}
}*/
/*
test 1
class HelloWorldTest extends Component{
render(){
let pic = {
uri:'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
};
return (
//<Text>Hello World!周念念</Text>
<Image source = {pic} style = {{width:193,height:110}} />
);
}
}*/