在React-Native Android上多行文本总是全角

Question

我正面临RN的这个问题， 如果只有一行，则视图会自动将宽度与内部的文本对齐。 但是，如果有多行文本，则“文本”节点将始终使用其最大宽度，因此会留有空白。

我该如何解决？

这是我的代码

// Style
StyleSheet.create({
    container: {
        marginRight: 60,
        marginLeft: 0,
        paddingHorizontal: 10,
        paddingVertical: 5,
        backgroundColor: '#F3F3F3',
        borderRadius: 13,
    },
text: {
    color: '#000',
    fontSize: 15,
    lineHeight: 21,
    includeFontPadding: false,
    overflow: 'hidden',
    flexShrink: 1,
    flexGrow: 0,
    alignSelf: 'flex-start'
}
})

//Render
<TouchableOpacity style={this.style.container}>
 <Text style={this.style.text}>{content}</Text>
</TouchableOpacity>

这是结果，它在右边的空白处留着

Answer 1

在我看来，在这种情况下，这是因为您的下一个单词“ flex-start”是一个单词，并且不适合该行，请尝试使用一个小单词（例如“ is”）来执行此操作，然后选中，如果您仍然遇到问题，请不要为可触摸的不透明度指定固定宽度，并告诉我是否需要其他帮助。