Nessa aula vamos iniciar a estrutura da página do jogo em dupla.

1- Dentro da página Pages, vamos criar uma pasta chamada PlayTogether. Em seguida, podemos criar a estrutura de pastas básica (arquivos: index.jsx e style.js)

2- No arquivo index.jsx, vamos começar a estruturar nosso arquivo, criando a função PlayTogether.

import React from 'react'

export default function PlayTogether() {
  return 
}

3- No styles.js, vamos criar o estilo do Container e o Title:

import styled from "styled-components";
import { RFValue } from "react-native-responsive-fontsize";
import { getStatusBarHeight } from "react-native-iphone-x-helper";

export const Container = styled.View`
  flex: 1;
  padding-top: ${getStatusBarHeight() + RFValue(30)}px;
  background-color: ${({ theme }) => theme.colors.background};
`;

export const Title = styled.Text`
  font-size: ${RFValue(32)}px;
  font-family: ${({ theme }) => theme.fonts.bold};
  text-align: center;
  color: ${({ theme }) => theme.colors.white};
`;

4- Agora na nossa função PlayTogether que acabamos de criar, vamos inserir o Container e o Title.

return (
    <Container>
      <Title>Bomb Game Dupla</Title>
    </Container>
  );

5- Vamos criar um component para o input do timer, pois ele é diferente do PlayAlone. Pois lá ele serão fixo, e nessa página, o usuário poderá manipulá-lo e escolher o tempo. Então na pasta components, vamos criar uma pasta PlayTogether. Nela, vamos criar uma pasta InputTimer, que vai conter os seguintes arquivos: index.jsx e styles.js.

import React from 'react'

export default function InputTimer() {
  return 
}