React Native
Criando um projeto novo
$ npx create-expo-app Teste
Se o comando acima não resultar em nenhum erro entre na pasta recém criada
$ cd Teste
Para rodar um projeto com expo
$ npx expo start
Exemplo de app.js
- Verificando se tudo está instalado corretamente
Substitua o código do App.js pelo do link abaixo
2. Criando um componente simples
Crie as pastas “assets” e “components” se elas não existirem.
Salve o conteúdo do link abaixo como o arquivo AssetExample.js dentro da pasta components
Exemplo de componente
Salve uma imagem png na pasta assets e ajuste o nome do arquivo da imagem no componente AssetExample
3. Criando um componente do tipo seletor
Instale as dependências
$ npm install react-native-dropdown-picker
Crie um arquivo Seletor.js com o conteúdo do link abaixo
4. Exemplo de navegação
Instale as dependências
$ npm install @react-navigation/native @react-navigation/native-stack
$ npx expo install react-native-screens react-native-safe-area-context
Descomente o código do exemplo 4 em App.js
Outros links úteis:
Conhecendo os componentes mais básicos