dia-4.zip

Vamos começar criando /src /pages /Home e o index.tsx

Vamos criar o componente da tela

→ Importar a Home no App.tsx

Status bar preta

Vamos forçar uma status bar preta no topo. Para fazer isso primeiramente precisamos importar { StatusBar } de dentro do react-native e ele é um componente também, então precisamos escrever ele em tela, mas no React não podemos fazer um return de dentro de um componente retornando dois componentes ao mesmo tempo

Para resolver ou envolvemos tudo em uma <View> ou usamos o Fragment <> </>, que é uma div que não produz resultado

import React from 'react';
import { StatusBar } from 'react-native'

import Home from './src/pages/Home'

export default function App() {
  return (
    <>
      <StatusBar barStyle="dark-content" backgroundColor="transparent" translucent />
      <Home />
    </>
  );
}