Problema de interação no IOS
Eu estou com um bug no meu iphone 11, o app não tem interação, por exemplo, não consigo apertar no textinput e escrever um texto ou no touchableopacity, adicionei um botão fora da view para testar e também não foi, já viu algo parecido?
Os logs não são gerados apenas no iphone, testei no android e rodou normal. Ambos rodando via Expo Go.
import React from "react";
import {Platform, SafeAreaView, Text, StyleSheet, TextInput, View, TouchableOpacity, Button} from 'react-native';
export default function Home(){
return(
<SafeAreaView style={styles.container} onPress={() => console.log('Clicou na safe area')}>
<View style={styles.view}>
<Text style={styles.text}>Olá, Dev. {Platform.OS === 'ios' ? <Text>IOS</Text> : <Text>Android</Text>}!</Text>
<TextInput style={styles.input} placeholder="Nova tarefa..." placeholderTextColor={'#555'}/>
<TouchableOpacity activeOpacity={0.7} style={styles.button}>
<Text style={styles.textButton}>Adicionar</Text>
</TouchableOpacity>
</View>
<Button title="Teste" onPress={() => console.log('Clicou')}/>
</SafeAreaView>
)
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#121214'
},
view: {
flex: 1,
marginHorizontal: 30,
marginVertical: 50,
},
text: {
fontSize: 24,
color: '#fff',
fontWeight: 'bold',
},
input: {
backgroundColor: '#29292e',
color: '#f1f1f1',
fontSize: 18,
padding: Platform.OS === 'ios' ? 15 : 10,
marginTop: 10,
borderRadius: Platform.OS === 'ios' ? 10 : 8,
},
button: {
backgroundColor: 'orange',
marginVertical: 10,
padding: 10,
borderRadius: 10,
justifyContent: 'center',
alignItems: 'center',
},
textButton: {
fontSize: 18,
fontWeight: 'bold',
}
})
Posted Mar 8, 2025, 12:59 PM UTC
00