-
Notifications
You must be signed in to change notification settings - Fork 1
/
Netflix.js
31 lines (30 loc) · 928 Bytes
/
Netflix.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import { StatusBar } from 'expo-status-bar';
import React, {useState, useEffect} from 'react'
import { StyleSheet, Text, View, ScrollView, ImageBackground } from 'react-native';
import { Title, Button } from 'react-native-paper';
export default function App() {
return(
<ScrollView style={style.container}>
<ImageBackground source={{ uri: 'https://i.imgur.com/EJyDFeY.jpg'}} style={style.hero}/>
<View style={style.containerPadding}>
<Title>Nome do Filme</Title>
<Button icon="play" uppercase={false} mode="contained" color="#fff">
Assistir
</Button>
</View>
</ScrollView>
);
};
const style = StyleSheet.create({
container:{
flex: 1,
backgroundColor: '#000',
},
hero:{
height:200,
width:'100%',
},
containerPadding:{
padding: 20,
}
})