反应本机导航显示模态自定义大小

Question

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

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

有关使用的叠加层的更多示例，您可以在操场应用程序中查看代码示例