有没有办法指定如何在React native Text组件中包装文本?

时间:2018-07-02 12:16:58

标签: reactjs react-native

有没有办法在Text组件的本机反应中指定换行模式?

默认情况下,“文本组件”按单词包装文本(即,如果不适合一个单词,则将其包装到下一行)。我想按字符换行(即,它应显示单词中尽可能多的字符并移至下一行)

例如: 我们可以通过在UILabel上将lineBreakMode设置为UILineBreakModeCharacterWrap来指定在iOS中实现此功能。我正在努力实现这样的目标。

2 个答案:

答案 0 :(得分:0)

请尝试使用此代码

<View style={{flexDirection:'row', flex: 1, flexWrap: 'wrap',flexShrink: 1}}>
   <Text> You miss fdddddd dddddddd You    missfddddddddddddddasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasds</Text> </View>

答案 1 :(得分:0)

将flexWrap用作强化条说:

  

flexWrap 控制孩子们在撞到孩子后是否可以回绕   Flex容器的末端

这里是样本博览会link