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.
  );
}

或者，如果您需要与Modal后面的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
      }
    }
  }
});

有关所用叠加层的更多示例，您可以在playground app

中查看代码示例。