关于嵌套Text的margin不生效问题。

来源：7-3 Text 使用占比最高的组件，使用简单，深入复杂

21世纪赛博朋克男孩

2023-03-04

课程里说使用空格来实现margin，感觉这样不够灵活，如果设计稿真的就是让两个Text的水平距离是20px，那就不可控了，我这边给提供一个方案，如果真有人遇到这个问题可以尝试：

<View style={styles.textContainer}>
	<View style={styles.text1}>
	    <Text>前面</Text>
    </View>
    <View style={styles.text2}>
	    <Text>后面</Text>
    </View>
</View>

const styles = StyleSheet.create({
	textContainer: {
	    flexDirection: 'row'
	},
    text1: {
	    marginRight: 30,
	},
});