React本机导出的维度高度和宽度较小

Question

在我的应用程序中，我有一个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;

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

有没有办法一次性获取height和width并将它们导出到我的所有屏幕组件，或者我必须从每个屏幕单独获取Dimensions？

Answer 1

您可以使用flex:1代替。flex:1确保此组件将占用现有的可用空间。你的组件是一种容器，使用flex:1是很常见的行为。