Flutter 中如何显示条件 Widget
💡
原文中文,约3400字,阅读约需9分钟。
📝
内容提要
在Flutter中,可以使用if、if-else、if...[widget1,widget2]、if...[widget1,widget2] else...[widget3,widget4]和函数等方式来显示条件Widget。这些方法可以根据不同的条件来展示不同的组件。
🎯
关键要点
- 在 Flutter 中,可以使用多种方式显示条件 Widget。
- 常见的需求是根据用户条件展示不同的组件,例如 VIP 用户才能看到特定模块。
- 第一种方式是 if 形式,满足条件时显示 Widget,不能使用大括号。
- 第二种方式是 if-else 形式,满足条件显示 Widget1,不满足条件显示 Widget2,不能使用大括号和逗号。
- 第三种方式是 if...[widget1,widget2] 形式,条件成立时显示多个 Widget。
- 第四种方式是 if...[widget1,widget2] else...[widget3,widget4] 形式,条件成立时显示一组 Widget,不成立时显示另一组 Widget。
- 第五种方式是函数形式,将逻辑抽离到函数中,但需确保在不满足条件时也返回一个 Widget。
- 总结了多种显示条件 Widget 的方式,后续文章将介绍其他方法,如 switch。
🏷️
标签
➡️