Com isso, podemos visualizar no emulador, o que temos na tela. Agora, com isso feito, temos pouca coisa na tela, e por enquanto sem estilo nenhum também. Vamos agora voltar para o start, para que lá a gente coloque estilo.

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

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

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "rgba(21, 21, 21, 0.98)",
  },
  logo: {
    width: 300,
    height: 60,
    marginTop: 60,
    marginBottom: 20,
  },
  description: {
    color: "#FFFFFF",
    fontSize: 20,
    textAlign: "center",
    marginVertical: 60,
  },
});