我正在尝试设置标题的高度,以使其对平板电脑和智能手机具有响应性。我已经尝试使用flex column:
const headerStyle = {
paddingHorizontal: theme.metrics.mainPadding,
paddingTop: 0,
paddingBottom: 0,
backgroundColor: theme.colors.blue,
flex: 0.5,
flexDirection: 'column',
};
然而,在平板电脑上,标题看起来还可以,但在智能手机上太高了。
设置不同设备的尺寸的最佳方法是什么?
编辑:
我有这个函数:
export function em(value: number) {
return unit * value;
}
现在我正在我的样式表中使用它:
headerHeight: em(6),
headerImageWidth: em(3),
headerImageHeight: em(3),
headerLogoHeight: em(6),
headerLogoWidth: em(20),
这张图片在平板电脑上看起来还好,但在智能手机上太小了。如果我理解正确,我需要使用 dimensions.width 在我的函数中设置适当的单位值?