Удалить начальные пробелы в многострочном тексте в React Native

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>

Я заметил, что у текстового элемента есть реквизит, называемый 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>