flutter_mvvm

Flutter MVVM 架构，使用 rxdart, rx_command, dio 来实现

网络层 lib/module/common/netowrk

network_client 用于网络请求，封装dio，返回一个stream
env_manager 用于管理host，切换host
base_api api抽象类，每一个请求都是基于一个api，包含 path, method, params, headers
api_request 用于api发送请求

用法

IndexAPI.fetchIndexData().request()

返回的是一个Stream

一般结合RxCommand使用，详见index_view_model

RxCommand.createAsync((param) {
      page = (param as int) == 1 ? 1 : page + 1;
      Map<String, dynamic> params = {'page': page, 'pageSize': 20};
      return IndexAPI.listRequest(params).mockRequest().map((event) {
        // 解析数据
        
        return dataList;

      }).doOnData((event) {
        // 可以赋值给viewModel的数据源
        if (page == 1) {
          dataSource = [];
        }
        dataSource += event;
      }).first;
  });
}

每一个Command就是一个事件，一个请求，可以结合FutureBuilder或者StreamBuilder来绑定数据

FutureBuilder(
            future: vm.detailRequestCmd.first,
            builder: (ctx, snapShot) {
    // 可以通过 snapShot.data 来获取command的数据
		return widget;
})

全局状态管理 Redux

详见 Redux中文官网

用于管理全局的状态，是否登录，用户信息等

StoreBuilder(builder: (context, store){
	//获取store , return Widget;
  return buildContainer(store);
})

全局广播通知 EventBus

EventBus().emit('ChangeLanguage');

EventBus().on('ChangeLanguage', (arg) {
  setState(() {});
});

TableView

在Flutter中为ListView，由于常用的像在iOS中的TableView，封装了一个，添加了下拉刷新和上拉加载，使用的是[easy_refresh](https://github.com/xuelongqy/flutter_easy_refresh，用法详见`IndexRoute`

多语言

使用的是 intl库，结合Android Studio的插件 Flutter Intl使用，非常方便

首先如果没初始化可以 Tools > Flutter Intl > Initialize for the Project，就会生成lib/l10n/intl_en.arb

格式就是json格式

{
  "currentLang" : "English",
  "switch_lang" : "Switch Language",
}

然后保存即可生成 lib/generated/文件夹，之后每一次编辑都保存即可，会自动更新lib/generated/的内容

使用

import 'package:flutter_mvvm/generated/l10n.dart';

// 获取值

S.current.currentLang

切换语言

S.delegate.load(const Locale('en'));

需要在main.dart添加一个监听，然后setState即可，我使用的是 EventBus

启动配置

在Config.dart里添加了

class Config {
  static const channel = String.fromEnvironment('CHANNEL', defaultValue: 'default');
}

用命令行运行

flutter run --dart-define=CHANNEL=testchannel

在Android Studio选择 Edit Configurations 中的 Additional run args 添加

--dart-define=CHANNEL=testchannel

同样效果

AscenX/flutter_mvvm

flutter_mvvm

全局状态管理 Redux

全局广播通知 EventBus

TableView

多语言

启动配置