Question

react js中是否有与react-native等效的Dimension库以查找屏幕空间的宽度？如果没有，我该怎么办？

我正在尝试查找当前网页的宽度，以便可以相应地缩放组件，并根据宽度显示/隐藏某些组件。我要使用的React本机代码示例如下：

{(Dimensions.get('window').width < filterBoxViewWidth) && <div> .. </div>}

或：

(Dimensions.get('window').width >= filterBoxViewWidth) ? 200 : 0

如果没有我可以使用的等效软件包，请您指出正确的方向，否则我将如何执行此操作。

谢谢。

Answer 1

您可以将window.innerWidth用于宽度，将window.innerHeight用于高度。所有现代浏览器都支持它：

const { innerWidth: width, innerHeight: height } = window

应等效于：

const ( width, height } = Dimension.get('window')