React native 本机导出的标注高度和宽度较小

在我的应用程序中，我有一个style.js文件，在其中我将样式导出到我的组件。我有一个容器的风格，我想永远是100%的宽度和高度

import { StyleSheet, Dimensions } from 'react-native';

const { height, width } = Dimensions.get('window');

const styles = StyleSheet.create({
  container: {
    height,
    width,
  },
};

export default styles;

当我将这个对象导入我的组件时，高度和宽度都比屏幕的宽度小得多。如果我在screen组件的js文件中获得高度和宽度，那么尺寸是正确的

---

有没有办法一次获取高度和宽度并将其导出到我的所有屏幕组件，或者我必须单独从每个屏幕获取尺寸？

您可以使用flex:1。flex:1确保此组件将占用现有可用空间。您的组件有点像容器，使用flex:1是常见的行为。

以这种方式获得{height，width}的值是多少？它们总是一样的吗？这会影响iOS、Android或两者吗？使用flex:1对我不起作用。它最终变得越来越窄，越来越短。我正在使用本机base和react导航。我认为它们的所有包装器组件根、容器、内容和AppNavigator都是造成这种情况的原因。