Mapas e Rotas com React Native - #14 Testando no Android e no Iphone

Nessa videoaula vamos testar o nosso app tanto no Android quanto no Iphone para verificar as possíveis incompatibilidades entre os sistemas.

App para Android e Iphone

Antes de iniciarmos os testes, cabe ressaltar que devemos deixar tanto o terminal do Expo quanto o terminal do node abertos para que funcione corretamente. Temos também que instalar o aplicativo do Expo tanto no celular Android quanto no Iphone. Após isso, basta efetuar a leitura do QR Code.

views/Home.js

Vamos iniciar corrigindo o problema do teclado sobre a screen que ocorre no Iphone. Pra isso, vamos utilizar o módulo KeyboardAvoidingView:

import { Text, View, TouchableOpacity, KeyboardAvoidingView, Platform } from 'react-native';
<KeyboardAvoidingView behavior={Platform.OS == "ios" ? "padding" : "height"} style={css.container}>
    //code
</KeyboardAvoidingView>

Ao fim, foi detectado apenas o problema com o teclado, conforme resolução do código acima. � importantíssimo que sempre testemos nosso app nos dois sistemas operacionais antes de publicar o aplicativo.

Por hoje é só turma. Sucesso nos códigos e na vida!

Precisando de assessoria? webdesignemfoco@gmail.com