React native 为什么不是'；我的容器不能覆盖整个屏幕吗？

我正在使我的观点得到回应。目前，我正试图让绿色背景的组件覆盖整个屏幕

以下是绿色背景组件的代码：

container: {
    // backgroundColor: '#14172B',
    backgroundColor: 'green',
    // width: '100%'
  }

…下面是单个HR/ACT/BPM/TEMP组件的代码

  wrapper: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    backgroundColor: '#1B1E34',
    justifyContent: 'space-between',
    paddingHorizontal: 5,
    paddingVertical: 5,
    borderRadius: 5,
    marginHorizontal: 10,
    marginVertical: 5,
    width: deviceWidth * 0.4,
    height: deviceHeight * 0.08
  }

…最后，这里是在视图中呈现的完整组件的代码

const styles = StyleSheet.create({
  container: {
    // backgroundColor: '#14172B',
    backgroundColor: 'orange',
    height: Dimensions.get('screen').height * 0.1,
    width: screenWidth,
    // flex: 1,
    // height: '20%',
    flexDirection: 'row',
    flexWrap: 'wrap'
  }
})

---

谢谢大家!

您可以尝试此操作，因为您的代码不完全可用

* {
框大小：边框框；
}
/*创建四个相邻浮动的相等列*/
.栏目{
浮动：左；
宽度：48%；
填充：10px；
高度：300px；/*应移除。仅用于演示*/
利润率：1%；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
等列
第1栏
一些文字

第2栏
一些文字

第1栏
一些文字

第2栏
一些文字

如果希望屏幕的宽度为全宽，是否应将宽度设置为100%，而不是screenWidth*0.4？如果这不是问题，请您使用已编译的html和css（因为这似乎更像是一个css问题，而不是一个react问题）创建一个共享您的html代码，或者请创建与单个HR/ACT/TEMP/RESP组件相关的@Pete，而不是完整容器父组件，因此，您的解决方案在这种情况下不起作用。那么，从提供的代码量和没有html的情况来看，您不可能知道它指的是什么，请参阅我上面评论的第二部分