Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React,{Component} from 'react';
- import { StyleSheet, Text, FlatList, View, Image } from 'react-native';
- export default class App extends Component {
- constructor(props){
- super(props);
- this.state = {
- filmes:[]
- }
- fetch('https://filmespy.herokuapp.com/api/v1/filmes')
- .then((response)=>response.json())
- .then((json)=>{
- let state = this.state;
- state.filmes = json.filmes;
- this.setState(state);
- });
- }
- render() {
- return (
- <View style={styles.container}>
- <Text> Teste do bahia</Text>
- <FlatList
- data={this.state.filmes}
- renderItem={({item})=> <Filme data={item} />}
- keyExtractor={(item, index)=>item.titulo}
- />
- </View>
- );
- }
- }
- class Filme extends Component{
- render(){
- return(
- <View style={styles.filmeArea}>
- <Image source={{uri:this.props.data.poster}} style={styles.filmeImagem}/>
- <View>
- <Text>{this.props.data.titulo}</Text>
- <Text>{this.props.data.genero}</Text>
- </View>
- </View>
- );
- }
- }
- const styles = StyleSheet.create({
- container: {
- flex: 1,
- marginTop:20
- },
- filmeArea:{
- flex:1,
- flexDirection:'row'
- },
- filmeImagem:{
- width:80,
- height:110
- }
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement