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

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>

您可以使用动画使工作变得更好