Question

import {Dimensions} from 'react-native'

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

const styles = StyleSheet.create({
  HeddingStyle:{
    fontSize: (width*0.02)
  }
})

但是使用尺寸标注无法正常工作

Answer 1

将它们分开使用，就像这样：

const SCREEN_WIDTH = Dimensions.get('window').width;
const SCREEN_HEIGHT = Dimensions.get('window').height;

然后在您的样式上可以执行以下操作：

inputContainer: {
  width: SCREEN_WIDTH - 50,
}

或者您的情况：

HeddingStyle:{
  fontSize: SCREEN_WIDTH * 0.02,
}

如何使所有组件响应

1 个答案: