有没有办法在react-native中将Text组件的整个内容包装在父视图中？

14 浏览
0 Comments

有没有办法在react-native中将Text组件的整个内容包装在父视图中？

我正在使用react-native创建一个屏幕，需要在父视图上显示文本。我如何使整个文本都能显示出来？

起初我以为是文本不自动换行的问题，所以我试了一下这个问题的解决方案（链接）

 
    You miss fdddddd dddddddd 
     You miss fdd
     Another line
     and another one

然后我试了一下numberOfLines={1}

这是我的代码

    
        {`Text the first &
        Text the second &
        text the third`}

我期望所有文本都能被渲染出来，但实际上只有第一行被渲染出来了

admin 更改状态以发布 2023年5月22日
0

1 答案

0 Comments

文本的渲染完全正确，但是由于您设置了属性width=80%，它会将内容限制在新行上。我使用了红色，以便更清晰地显示父视图上的文本。请尝试运行下面的代码，如果遇到任何问题，请告诉我。我会尽力帮助您的伙计。


            
                        Text the first & Text the second & text the third, Text the fourth & text the fifth

0