使用GetX构建更优雅的 Flutter 页面结构

最新推荐文章于 2024-06-26 13:09:31 发布

岛上码农

最新推荐文章于 2024-06-26 13:09:31 发布

阅读量1.7k

点赞数 1

分类专栏： Flutter 入门与实战文章标签： flutter 跨平台开发 android App iOS

本文链接：https://blog.csdn.net/shuijian00/article/details/123670645

版权

本文探讨如何利用GetX的StateMixin和GetView构建更优雅的Flutter页面结构。通过StateMixin，可以方便地处理加载中、成功、失败和无数据四种状态，避免使用if-else语句。GetView是一个抽象类，允许直接访问Controller并根据状态自动构建UI，简化代码。同时，文章提及Controller的注册和依赖注入的概念，以提高应用的可维护性和灵活性。

摘要由CSDN通过智能技术生成

前言

App 的大部分页面都会涉及到数据加载、错误、无数据和正常几个状态，在一开始的时候我们可能数据获取的状态枚举用 if...else 或者 switch 来显示不同的 Widget，这种方式会显得代码很丑陋，譬如下面这样的代码：

if (PersonalController.to.loadingStatus == LoadingStatus.loading) {
  return Center(
    child: Text('加载中...'),
  );
}
if (PersonalController.to.loadingStatus == LoadingStatus.failed) {
  return Center(
    child: Text('请求失败'),
  );
}
// 正常状态
PersonalEntity personalProfile = PersonalController.to.personalProfile;
return Stack(
  ...
);

这种情况实在是不够优雅，在 GetX 中提供了一种 StateMixin 的方式来解决这个问题。