Primeiro App

Para criar um simples “Hello World” como seu primeiro aplicativo React Native, siga as etapas abaixo:

Passo 1: Certifique-se de ter o ambiente de desenvolvimento React Native configurado em seu sistema, conforme mencionado nas etapas anteriores.

Passo 2: Crie um novo projeto React Native usando o seguinte comando no terminal ou prompt de comando:

npx react-native init MeuPrimeiroApp

Substitua “MeuPrimeiroApp” pelo nome que deseja para o seu aplicativo.

Passo 3: Após a conclusão da instalação, navegue até o diretório do seu projeto:

cd MeuPrimeiroApp

Passo 4: Abra o arquivo App.js em um editor de texto ou IDE de sua escolha. O arquivo App.js é o ponto de entrada do seu aplicativo React Native.

Passo 5: Substitua o conteúdo de App.js pelo seguinte código:

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

const App = () => {
  return (
    <View style={styles.container}>
      <Text>Hello World! Este é meu primeiro aplicativo React Native!</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

export default App;

Neste código, estamos criando um componente funcional App que exibe um texto “Hello World! Este é meu primeiro aplicativo React Native!” na tela.

Passo 6: Salve o arquivo App.js.

Passo 7: Agora, você pode executar o aplicativo no emulador ou em um dispositivo físico. Se você estiver usando um emulador Android, execute o seguinte comando dentro do diretório do seu projeto:

npx react-native run-android

Se você estiver usando um emulador iOS, execute:

npx react-native run-ios

O comando acima compilará o aplicativo e o lançará no emulador ou dispositivo conectado.

Após essas etapas, você verá o texto “Hello World! Este é meu primeiro aplicativo React Native!” sendo exibido na tela do seu emulador ou dispositivo.

Espero que isso ajude! Se você tiver mais perguntas ou precisar de ajuda adicional, sinta-se à vontade para perguntar.