Olá, tudo bem? Estou realizando a parte de adicionar estilo no título da cesta e gostaria de saber como faze para deixar o titulo localizado na parte a baixo da linha onde fica as notificações.
Gostaria de saber se há alguma maneira de deixar esse titulo pra baixo da linha do entalhe, visto que muitos aparelhos hoje em dia são assim. Segue um exemplo:
hoje, com a Alura e o Google Gemini
Olá, Raphael.
Tudo bem?
Isso acontece porque você precisa adicionar a <statusBar /> do próprio React Native no App, isso para android e precisa adicionar também o <SafeAreaView> e envolver o código do App isso para iOS, para deixar correta a barra superior.
Isso foi ensinado nesse curso no vídeo: https://cursos.alura.com.br/course/react-native-comecando-zero/task/97005 apartir do minuto 1:33.
O código do App fica assim corrigido:
import React from 'react';
import { StatusBar, SafeAreaView } from "react-native";
import Cesta from "./src/telas/Cesta";
export default function App() {
return (
<SafeAreaView>
<StatusBar />
<Cesta/>
</SafeAreaView>
);
}
Espero ter ajudado. Bons estudos.