如何创建具有多个步骤的模态？

Question

我想创建一个从屏幕底部弹出的模态（类似于“付款请求API”），用户可以在其中填写表格，然后按继续，模态滚动到下一步（即模态）仍然存在，但下一步会进行）。是否有已经存在的插件，或者之前已完成？ （我不确定React Native的局限性）。请注意，我知道如何从屏幕底部制作模式弹出窗口，但不确定如何逐步使模式幻灯片水平。

Answer 1

定义您的状态的步骤

this.state={step:'intial'}

并在您的渲染方法中使用步骤来找出要显示的模型

<Modal open={true}>
   (this.state.step=='intial'?<view></view>:null>

   (this.state.step=='second'?<view></view>:null>
</Modal>

您可以使用动画使作品更好