ionic模态如何获得ios风格?

问题描述 投票:0回答:1

im试图得到一个模态ios效果,但当我使用一个正常的模态,我不能得到它,这是效果与黑色边框在顶部。enter image description here

任何想法如何得到这个效果与离子反应?

css reactjs ionic-framework ionic4 ionic5
1个回答
0
投票

我找到了解决方案,你需要创建这个变量。

const pageRef = useRef<HTMLElement>(null);

然后在模式中设置模式属性='ios'。

在你当前的页面上写上这个参考文献

<IonPage ref={pageRef} >
      ...
      ...

最后一步是在模态属性中放上这句话。

presentingElement={pageRef.current!}

更多信息在这里https:/ionicframework.comdocsapimodal#swipeable-modals。

© www.soinside.com 2019 - 2024. All rights reserved.