ReactNative – Criando um Feed do Instagram

1- Criar um projeto utilizando Expo. Antes acesse a uma pasta onde deseja que o projeto seja criado.

expo init feed-insta

2- Acesse a pasta do projeto criada feed-insta e start o servidor

yarn start

3- Uma vez iniciado o servidor, você verá um QR Code no terminal. Use a câmera do seu celular, e uma vez lido o QR Code irá aparecer um aviso para abrir no Expo. Abra o Expo e após a criação do bundle o aplicativo estará rodando no seu celular com live reload habilitado.

Criando um Feed do Instagram

4- Adicione a dependência abaixo:

yarn add @react-navigation/native
yarn add @react-navigation/stack
yarn add react-native-gesture-handler
yarn add @react-native-community/masked-view
yarn add react-native-screens
yarn add react-native-reanimated

5- Entre pelo terminal na pasta do projeto e abra o projeto no visual code.

code .

6- Crie as pastas src na raiz, components e pages dentro da pasta src.

7- Crie a pasta LazyImage na pasta components e dentro desta pasta crie o arquivo index.js.

8- Na pasta e LazyImage crie o arquivo styles.js.

9- Crie a pasta Feed na pasta pages e dentro desta pasta crie o arquivo index.js.

10- Na pasta e Feed crie o arquivo styles.js.

11- Abra o arquivo App.js na raiz do projeto.

Repositório do Github:

https://github.com/totemarcal/feedinstagram

Criando API REST

12- Caso utilize o www.mockapi.io adicione o código abaixo:

13- Caso utilize o JsonServer adicione o código abaixo:

2 comments

Deixe uma resposta

Specify Google Client ID and Secret in Super Socializer > Social Login section in admin panel for Google Login to work

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *