使用@react-navigation/native-stack 和表示时如何获得window 的维度：'modal'？

Question

我正在尝试使用 @react-navigation/native-stack 和 presentation: 'modal' 在平板电脑上获得更多原生感觉。我的问题是我没有找到任何方法来获取模态 window 的尺寸。我尝试了 useWindowDimensions() 和 Dimensions.get('window/screen') 但我总是得到整个应用程序的大小 window，而不仅仅是模态 window 大小。

有什么办法吗？

Answer 1

如果找不到可以随时使用“onLayout”的内容，只需将 t 放在模态包装视图中

<View style={{flex:1}} onLayout={(event: LayoutChangeEvent) => {
  // event.nativeEvent.layout.width
  // event.nativeEvent.layout.height
}}>
</View>

使用@react-navigation/native-stack 和表示时如何获得window 的维度：'modal'？

How to get dimensions of window when using @react-navigation/native-stack and presentation: 'modal'?

react-native

react-navigation

react-navigation-v6