Sou iniciante em React nativo, estou tentando ter entrada de texto multilinha na caixa de diálogo (componente de diálogo do módulo de papel nativo react), funciona perfeitamente no Android e na Web, mas não funciona no IOS.
Aí está meu código:
<Dialog
visible={isDialogVisible}
onDismiss={() => setIsDialogVisible(false)}>
<TextInput
multiline
style={{
height: 150,
borderWidth: 1,
}}
value={inputVal}
onChangeText={(text) => setInputVal(text)}
/>
<Dialog.Actions>
<Button onPress={() => setIsDialogVisible(false)}>Done</Button>
</Dialog.Actions>
</Dialog>
Além disso, você pode ver este link para demonstração:
https://snack.expo.dev/@mohsenkh90/react-native-paper-dialog-with-textinput
Parece que é um problema conhecido no React Native.
Há uma solução alternativa fornecida aqui: Criando HOC para portal
ou uma solução simples é passar
defaultValue
como suporte paraTextInput
em vez devalue
Ref: https://stackoverflow.com/a/64945998/10657559