diff options
| author | Alberto-Duarte <alberto@albertoduarte.com> | 2023-05-11 11:40:35 +0100 |
|---|---|---|
| committer | Alberto-Duarte <alberto@albertoduarte.com> | 2023-05-11 11:40:35 +0100 |
| commit | 6ff7c459e3d08ebdf6da6973ebe0410b5cab9c0a (patch) | |
| tree | cc54b937a9c854c3f2bd27960a2e3234fce3f355 /components | |
first commit
Diffstat (limited to 'components')
| -rw-r--r-- | components/PreviewCard.tsx | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/components/PreviewCard.tsx b/components/PreviewCard.tsx new file mode 100644 index 0000000..989ec34 --- /dev/null +++ b/components/PreviewCard.tsx @@ -0,0 +1,20 @@ +const imageURL = 'https://image.tmdb.org/t/p/original'; +import { ImageBackground, View } from "react-native"; +const baseURL ='https://api.themoviedb.org/3/' +import tw from 'twrnc'; + +const PreviewCard = ({ movie }) => { + return ( + <View style={tw``}> + <View style={tw`shadow-black rounded`}> + <ImageBackground + source={{uri: `https://image.tmdb.org/t/p/original${movie?.poster_path}`}} + resizeMode={'cover'} + style={tw`h-40 w-30 rounded-xl bg-white border border-white/30 overflow-hidden`} + ></ImageBackground> + </View> + </View> + )} + + +export default PreviewCard
\ No newline at end of file |