Question

当前，我在Text元素中有一些View元素，该视图具有flexWrap:'wrap'，它允许内部文本环绕而不会溢出。但是，我注意到有时在换行时，换行符的开头会出现一个空格，就像下面的示例一样

This is an example of some text that is in a view
 but this has a space in front of this line.

我正在尝试防止第二行中的空格出现在新行的开头。

这是我的代码示例

<View style={{ flexDirection:'row', flexWrap:'wrap' }}>
  <Text>{"Some cool text that will be wrapped onto new lines..."}</Text>
</View>

我注意到text element有一个名为textBreakStrategy的道具，但似乎只能在Android上使用。

有人知道删除这些前导空格的好方法吗？

Answer 1

您可以像这样使用它

    <Text style={{ color: "purple",width:200}}
      numberOfLines={1}
 ellipsizeMode={'tail'}>my text is this is how my work is going to do by this les</Text>

在React Native中删除多行文本的前导空格

1 个答案: