Nós vamos começar pelas páginas, adicionando depois a nossa lógica. Nós vamos começar criando a página “Start”, que vai dar boas vindas ao usuário. (Já ter iniciado o app expo)

Agora, vamos criar aqui uma pasta “src”, onde dentro dela vamos colocar todas as coisas do app. Começaremos com uma pasta chamada “Pages” e outra chamada “Routes”

Agora, nós já vamos criar o nosso arquivo de rota, que vai fazer com que a gente consiga navegar pelo nosso app. Nós temos alguns tipos de rotas, vamos utilizar a rota do tipo stack.

Vamos então instalar essa dependência de rota com coisas pedidas pela documentação da navegação.

1. ⇒ https://reactnavigation.org/docs/getting-started/
2. ⇒ https://reactnavigation.org/docs/native-stack-navigator/

npm install @react-navigation/native

npm install @react-navigation/native-stack

npm install @react-navigation/stack

npx expo install react-native-screens react-native-safe-area-context

Com tudo isso feito, nós faremos uma pasta chamada “assets”, e com ela criada vamos colocar as pastas que deixamos para você baixar, com todas as imagens e icones, pode colocar diretamente as pastas aqui dentro. ⇒ https://drive.google.com/drive/folders/1dfgdiDeqSWsm6OXQKEpeNRHqCvSGGkRl?usp=share_link

Agora, podemos começar nossa criação. Iremos começar criando dentro da pasta “Pages” uma pasta chamada “Start”, dentro dela colocando um “index.jsx”. (Aqui o jsx da página start)

import React from "react";
import { View, Text, Image, ScrollView } from "react-native";

export default function Start() {
  return (
    <View>
      <ScrollView showsVerticalScrollIndicator={false}>
        <View>
          <Image
            source={require("../../assets/icons/logo3.png")}
          />
          <Text>
            Vamos transformar sua vida {"\\n"} em um jogo, buscando sempre {"\\n"} o melhor nível.
          </Text>
        </View>
      </ScrollView>
    </View>
  );
}