NK
Size: a a a
NK
AI
ДР
const movieData = {
title: 'The Usual Suspects',
img: 'http://i.imgur.com/lc15V.jpg',
year: '1995',
};
class MyFirstApp extends Component {
render() {
return (
<View style={styles.container}>
<Hello />
<Image style={styles.thumbnail} source={{uri: movieData.img}}/>
<Text>{movieData.title}</Text>
<Text>{movieData.year}</Text>
</View>
);
}
}SS
ДР
thumbnail: {
height: 80,
width: 40
}SS
thumbnail: {
height: 80,
width: 40
}SS
thumbnail: {
height: 80,
width: 40
}ДР
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
});SS
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
});SS
ДР
ДР
ДР
SS
ДР
<View style={styles.container}>
console.log('onload started');
<Image style={styles.thumbnail} source={{uri: movieData.img}} />
console.log('onload finished');
<Text>{movieData.title}</Text>
<Text>{movieData.year}</Text>
</View>SS
<View style={styles.container}>
console.log('onload started');
<Image style={styles.thumbnail} source={{uri: movieData.img}} />
console.log('onload finished');
<Text>{movieData.title}</Text>
<Text>{movieData.year}</Text>
</View>SS
SS
ДР