为什么我的容器不能覆盖屏幕的整个宽度？

Question

我正在使我的观点做出回应。目前，我正在尝试使组件具有绿色背景，以覆盖屏幕的整个宽度。

这是绿色背景的组件代码：

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'
  }
})

谢谢大家！

Answer 1

由于您的代码不完全可用，您可以尝试一下。

php artisan key:generate