import React, { Component } from 'react';
import {
// AppRegistry,
Image,
StyleSheet,
Text,
View
} from 'react-native';
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#f92',
alignItems: 'center',
justifyContent: 'center',
},
});
class App extends Component {
render() {
return (
Open up App.js to start working on your app!
Changes you make will automatically reload.
Shake your phone to open the developer menu.
);
}
}
class Bananas extends Component {
render() {
const pic = {
uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg',
};
const img = (
);
return (
img
);
}
}
class Greeting extends Component {
render() {
return (
Hello {this.props.name}!
);
}
}
class LotfOfGreetings extends Component {
render() {
return (
);
}
}
class Blink extends Component {
constructor(props) {
super(props);
this.state = { isShowingText: true };
setInterval(() => {
this.setState(previousState => ({
isShowingText: !previousState.isShowingText,
}));
}, 1000);
}
render() {
const display = this.state.isShowingText
? this.props.text
: ' ';
return (
{display}
);
}
}
export default class BlinkApp extends Component {
render() {
return (
);
}
}
// skip this line if using Create React Native App
// AppRegistry.registerComponent('AwesomeProject', () => Bananas);