分类：底部弹窗

2021
08-31

Flutter 底部弹窗如何实现多项选择

目录多选和单选的不同之处实现方式界面变更代码实现总结多选和单选的不同之处单选的时候，选中一个就可以直接把结果返回，因此本身底部弹窗无需状态管理。但到多选的时候，需要知道当前选中的选项，有选项被点击的时候需要存储下来，当再次被点击的时候要清空这个选项，同时界面还需要同步更新，因此就涉及到状态管理了。实现方式在Flutter中提供了一个StatefulBuilder的类，提供了一个builder方法构建有状态组件，并且提供了... 继续阅读 >
2021
08-12

Flutter 底部弹窗ModelBottomSheet的使用示例

目录实现效果代码结构基本使用自定义底部弹窗总结实现效果最终实现效果如图片所示，分布演示了基础的，全屏的和自定义的底部弹窗形式。代码结构在消息页面message.dart中，使用Column组件构建了三个按钮，点击每个按钮调用不同的底部弹窗显示。这部分代码不展示，核心注意的方式是按钮的onPressed响应方法，需要使用async修饰，这是因为ModalBottomSheet的返回结果是一个Future对象，需要通过await来获取返回结果。o... 继续阅读 >