某些文本隐藏在我的验证屏幕的最后。我如何在react-native中解决此问题

Question

我的验证文本在末尾隐藏。有人可以为此提出任何解决方案吗？

在消息部分中，有4条以上的验证消息。在这里，如果它失败并仅显示一条消息，则将其隐藏在最后。

validation.messages = {
    1. Email validation message
    2. Username validation and so on
}

    <View style = {{flex: 1,marginTop: '2.3%', flexWrap: 'nowrap', justifyContent:'center'}}>
    {
     validation.messages.map((msg) => { return <Text style = {{textAlign:'left',textWrap:'rap',  fontSize:12, color: '#AC1229', marginBottom: '7%', }}> {msg} </Text>
       })
     }
   </View>

Answer 1

尝试一次，

validation.messages = [
       '1. Email validation message',
       '2. Username validation and so on'

    ]


    <View style = {{flex: 1,marginTop: '2.3%', flexWrap: 'nowrap', justifyContent:'center'}}>
        {
         validation.messages.map((msg) => { return <Text style = {{textAlign:'left',textWrap:'wrap',  fontSize:12, color: '#AC1229', marginBottom: '7%', }}> {msg} </Text>
           })
         }
       </View>

也检查博览会链接，expo link

希望有帮助。如有疑问，请随时