Estoy tratando de agregar una entrada de texto a mi aplicación nativa de reacción usando papel nativo de reacción, pero sigue mostrándose como un cuadro muy alto en lugar de horizontal. ¿Qué estoy haciendo mal?
captura de pantalla del cuadro de texto renderizado
import { StyleSheet, Text, View } from "react-native"; import { TextInput } from "react-native-paper"; import { useState } from "react"; export default function SignUp() { return ( <View style={styles.container}> <Text>SIGN UP! NOW~~!!</Text> <TextInput mode="outlined" style={styles.inp} /> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, alignItems: "center", justifyContent: "center", }, inp: { height: 1, }, });
Creo que este es un tipo de error exclusivo de Android, porque tanto en la web como en iOS no ocurre. Una solución alternativa sería incluir un ancho junto con su altura, o envolver TextInput en una Vista (esto provocó un comportamiento de espaciado extraño), por lo que simplemente definiría un ancho:
const styles = StyleSheet.create({ inp: { height: 1, width:'100%' }, });