react-native-template-zygor/src/screens/Main/index.js

Template para projetos em React Native, com Estrutura de Pastas customizada, Estilos Globais, ESLint + Prettier + Babel Plugin Root Import, React Navigation, Reactotron e Axios configurados.

import React from 'react';

import bg from '~/assets/img/bg.png';
import { Container, Status, Logo, Welcome, Instruction } from './styles';

const Main = () => (
  <Container source={bg}>
    <Status barStyle="light-content" backgroundColor="#7159c1" />
    <Logo
      source={{
        uri:
          'https://s3-sa-east-1.amazonaws.com/rocketseat-cdn/rocketseat_logo.png',
      }}
    />
    <Welcome testID="welcome-text">Welcome to basic template!</Welcome>
    <Instruction>This is the Main Screen of your application =)</Instruction>
    <Instruction>You can edit this screen in the file:</Instruction>
    <Instruction bold>src/pages/Main/index.js</Instruction>
  </Container>
);

export default Main;