react-native-navigation showModal 自定义尺寸

Question

我使用 wix react-native-navigation。 Navigation.showModal 打开全屏大小。是否可以开通自定义尺寸？在哪里可以找到有关导航布局的所有属性列表？文档太少了...

Answer 1

模态总是全屏。您可以在 jsx 中控制视图的尺寸。而不是 flex: 1 - 根据您的需要使用预定义的宽度和高度。

render() {
  return (
    <View style={{width: '80%', height: 150}}>
    { /* render Modal content */ }
    </View.
  );
}

或者，如果您需要与模态框后面的 UI 交互，您应该使用 Navigation.showOverlay

Navigation.showOverlay({
  component: {
    name: 'example.Overlay',
    options: {
      overlay: {
        interceptTouchOutside: false // this make touch events pass through the invisible parts of the overlay
      }
    }
  }
});

有关使用 Overlay 的更多示例，您可以在 playground app

中查看代码示例

react-native-navigation showModal 自定义尺寸

react-native-navigation showModal Custom Size

wix-react-native-navigation