React native 一些文本隐藏在我的验证屏幕的末尾。我如何在react native中修复此问题

我的验证文本在结尾处隐藏。有人能提出解决办法吗

在消息部分有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>

validation.messages={
1.电子邮件验证消息
2.用户名验证等
}
{
validation.messages.map（（msg）=>{return{msg}
})
}

试试这个

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>

validation.messages=[
“1.电子邮件验证消息”，
“2.用户名验证等”
]
{
validation.messages.map（（msg）=>{return{msg}
})
}

还可以查看世博链接

希望能有帮助。不要怀疑