expo-template-basic/src/screens/Home/styles.js

The Base project template includes the minimum dependencies to run and an empty root component.

import styled from 'styled-components/native';

import { COLORS } from '~/constants';

export const Container = styled.View`
  flex: 1;
  background-color: ${COLORS.BACKGROUND_COLOR};
  justify-content: center;
  align-items: center;
`;

export const Title = styled.Text`
  color: ${COLORS.TEXT_COLOR};
  font-size: 60px;
  font-family: 'opensans-bold';
`;

export const Description = styled(Title)`
  font-size: 40px;
  font-family: 'opensans-regular';
`;

export const LinkContainer = styled.View`
  margin-top: 20px;
  align-items: center;
`;

export const Link = styled.TouchableOpacity`
  flex-direction: row;
  padding: 10px 40px 20px;
  justify-content: center;
  align-items: center;
`;

export const LinkText = styled(Title)`
  font-size: 15px;
  margin-left: 10px;
`;