设置
react: 16.6.0-alpha.8af6728
react-native: 0.57.4
问题
Text 组件中的断字不会按照应用程序设计的方式处理带有破折号的字符串。我想考虑破折号来换行整个单词。换行时,应将整个带有破折号的字符串视为一个单词。但 flexbox 没有。
代码
<TouchableOpacity style={{ width: 250, backgroundColor: 'skyblue' }}>
<Text style={styles.welcome}>This is a sample of text-with-dash incorrectly word breaking</Text>
</TouchableOpacity>
结果看起来像这样:
但我希望它以这样的方式结束(text-with-dash在单独的行上):
问题是我从在线 CMS 中获取字符串,并且想要一个 flexbox 样式解决方案来解决这个问题。在某些情况下,带破折号的字符串可能会出现在一行中,因此在这些情况下,我不想要原因的自动换行。