React Native导出尺寸高度和宽度都很小

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。