Css 反应本机：文本组件样式

文本

组件单词超出父组件边距，忽略父组件填充。在我看来，

文本

内容应该在父组件中

render（）{
返回(
为什么这些词超出了serVRow样式视图。serVRow样式视图。
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
背景颜色：“黑色”，
},
hollowWordText：{
颜色：'白色'，
尺码：52，
},
进口电视：{
宽度：宽度，
背景颜色：“#fff”，
marginBottom:7，
填充：15，
},
serVRow：{
flexDirection:'行'，
marginRight:3，
填充底部：8，
背景颜色：“#f00”
},
左：{
marginRight:10，
alignSelf:“中心”，
},
行上下文：{
颜色：“000”，
尺寸：14，
线高：20，
背景颜色：“紫色”
},
});

将

flex:1

添加到

rowTContext

以确保紫色填充可用空间，但不会超出父容器。

我认为文本组件在具有flex direction='row'的容器内渲染时存在问题。它不遵守父填充

在这些情况下，请将文本组件包装在视图中（给出flex:1），并尝试是否正常工作

<View style={{flex:1}} >
 <Text>your text here</Text>
</View>

你的文字在这里

<View style={{flex:1}} >
 <Text>your text here</Text>
</View>