如何使用 MVC 模式創建 Flutter 框架

Question

這是我的 github 項目鏈接https://github.com/RajTechnologiesPvtLtd/flutter-moonlight

如何轉換為 MVC patten 並給出了建議。

使用 MVC 模式創建自己的框架

Answer 1

我認為問題可能在於您了解 MVC 是什么。 根據我的理解， M-VC的思想是抽象的，可以在 flutter 中使用不同的 state 管理包來應用

Model : Model 表示你的課程

class ExampleClass {
 final String name;
   
  ExampleClass({required this.name});
}

Controller ：這是您處理業務邏輯的地方。 您可以使用 Bloc package、Getx package、Provider package 等。

class ExampleController extends ChangeNotifier {
 final ExampleClass? _data;
 ExampleClass? get data => _data;

  setMyClass(ExampleClass value) {
    _data = value;
    notifyListeners();
  }
}

然后查看（您的 UI 頁面）：使用Controllers ，您嘗試管理 UI 的所有狀態，並保持 UI 簡單且僅針對 UI。

class ExampleUI extends StatelessWidget {
  const ExampleUI({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Consumer<ExampleController>(builder: (ctx, controller, v) {
            return TextButton(
                onPressed: () {
                  controller.setMyClass(ExampleClass(name:'Bhargav Raviya'));
                },
                child: Text(controller.data!= null ? controller.data.name :'Button'));
          }),
          
        ],
      ),
    );
  }
}