ReactNative: Interface do usuário

Introdução

Sumário de aulas

1. Tela inicial e componente Container
2. Componente Logo
3. Text input
4. Botão
5. Texto estilizado
6. Header
7. Teclado
8. Logo animado
9. Lista flat
10. Lista de item
11. Tela de opções
12. Tela de Temas

observações:

1. Os códigos-fonte publicados no snack.expo estão corretos.
2. snack.expo tem um bug de renderização de imagem TypeError: undefined is not an object (evaluating 'r.width'). Este erro ocorre porque o objeto r deveria ter sido instanciado como Imagem e responder ao método width, contudo este objeto esta vazio, undefined em javascript.

bibliotecas e links

bibliotecas

• React Native Extended StyleSheet: estender a forma (estilo) padrão do React Native
• color: manipulação de cores
• moment: locale, parser, validar, manipular e mostrar datas
• expo icons: icons vetoriais

comando para adicionar bibliotecas

yarn add react-native-extended-stylesheet color moment @expo/vector-icons

outros links código original do curso Handlelabs no github