React Native 中的屏幕宽度

Question

如何在 React Native 中获取屏幕宽度？我需要它，因为我使用了一些重叠的绝对组件，并且它们在屏幕上的位置随不同设备而变化。

原文由 Zygro 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 React-Native 中，我们有一个名为 Dimensions 的选项

在包含图像、文本和其他组件的顶部变量中包含尺寸。

然后在你的样式表中你可以使用如下，

 ex: {
width: Dimensions.get('window').width,
height: Dimensions.get('window').height
}

这样就可以得到设备的窗口和高度。

原文由 Pramod Mg 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果你有一个样式组件，你可以从你的组件中请求，那么你可以在文件的顶部有这样的东西：

 const Dimensions = require('Dimensions');

const window = Dimensions.get('window');

然后你可以在你的 Style 组件中提供 fulscreen: {width: window.width, height: window.height}, 。希望这可以帮助

原文由 Tom Hanson 发布，翻译遵循 CC BY-SA 3.0 许可协议