Criando página de detalhes

Nesta aula vamos dar continuidade à construção do blog, dessa vez, implementando a tela de detalhes.

Implementado a página

Em seu arquivo index.js vamos criar a página de posts utilizando o componente criado na aula anterior, o BlogPost. Então, acompanhando o passo a passo da aula, implemente o código abaixo:

import React from 'react'
import { View, StyleSheet, useWindowDimensions } from 'react-native'
import BlogPost from '../../components/blogpost'

export default function PostPage({ route, navigation }) {

    const { width } = useWindowDimensions()

    return <View style={styles.container}>
        <BlogPost width={width} item={route.params.post} navigation={navigation}></BlogPost>
    </View>
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'black'
    }
})