From 0f2f4bfd437dda2bb4d0bc221d5583630bf45de5 Mon Sep 17 00:00:00 2001 From: Weller <1812208341@qq.com> Date: Mon, 7 Sep 2020 14:37:09 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=A6=96=E9=A1=B5=E8=AF=B7?= =?UTF-8?q?=E6=B1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .dart_tool/package_config.json | 14 ++- lib/pages/main_page/main_page.dart | 107 +++++++++++++++--- lib/pages/main_page/main_page_bloc.dart | 37 ++++++ lib/pages/main_page/main_page_sk.dart | 33 ++++++ lib/register.dart | 2 +- .../home_goods/home_goods_creater.dart | 48 +++----- lib/widgets/home_goods/home_goods_header.dart | 9 +- pubspec.yaml | 2 + 8 files changed, 198 insertions(+), 54 deletions(-) create mode 100644 lib/pages/main_page/main_page_bloc.dart create mode 100644 lib/pages/main_page/main_page_sk.dart diff --git a/.dart_tool/package_config.json b/.dart_tool/package_config.json index 814cce5..d336421 100644 --- a/.dart_tool/package_config.json +++ b/.dart_tool/package_config.json @@ -181,6 +181,12 @@ "packageUri": "lib/", "languageVersion": "2.0" }, + { + "name": "event_bus", + "rootUri": "file:///Users/fnuser/.pub-cache/hosted/pub.flutter-io.cn/event_bus-1.1.1", + "packageUri": "lib/", + "languageVersion": "2.0" + }, { "name": "file", "rootUri": "file:///Users/fnuser/.pub-cache/hosted/pub.flutter-io.cn/file-5.2.1", @@ -463,6 +469,12 @@ "packageUri": "lib/", "languageVersion": "2.2" }, + { + "name": "pull_to_refresh", + "rootUri": "file:///Users/fnuser/.pub-cache/hosted/pub.flutter-io.cn/pull_to_refresh-1.6.1", + "packageUri": "lib/", + "languageVersion": "2.1" + }, { "name": "quiver", "rootUri": "file:///Users/fnuser/.pub-cache/hosted/pub.flutter-io.cn/quiver-2.0.5", @@ -668,7 +680,7 @@ "languageVersion": "2.1" } ], - "generated": "2020-09-04T06:52:20.100476Z", + "generated": "2020-09-07T03:45:53.992384Z", "generator": "pub", "generatorVersion": "2.7.2" } diff --git a/lib/pages/main_page/main_page.dart b/lib/pages/main_page/main_page.dart index 06c34d1..eb84eb0 100644 --- a/lib/pages/main_page/main_page.dart +++ b/lib/pages/main_page/main_page.dart @@ -1,11 +1,20 @@ import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; +import 'package:zhiying_base_widget/pages/main_page/main_page_bloc.dart'; import 'package:zhiying_base_widget/pages/main_page/main_page_notifier.dart'; +import 'package:zhiying_base_widget/pages/main_page/main_page_sk.dart'; import 'package:zhiying_comm/zhiying_comm.dart'; import 'package:provider/provider.dart'; +import 'package:zhiying_comm/util/base_bloc.dart'; +import 'package:pull_to_refresh/pull_to_refresh.dart'; class MainPage extends StatefulWidget { - MainPage({Key key}) : super(key: key); + final Map data; + + MainPage( + this.data, { + Key key, + }) : super(key: key); @override _MainPageState createState() => _MainPageState(); @@ -18,23 +27,49 @@ class _MainPageState extends State { backgroundColor: Color(0xfff9f9f9), body: ChangeNotifierProvider( create: (context) => MainPageNotifier(), - child: MainPageContainer(), + child: BlocProvider( + bloc: MainPageBloc(), + child: _MainPageContainer(widget.data), + ), ), ); } } -class MainPageContainer extends StatefulWidget { - MainPageContainer({Key key}) : super(key: key); +class _MainPageContainer extends StatefulWidget { + final Map data; + + _MainPageContainer(this.data, {Key key}) : super(key: key); @override _MainPageContainerState createState() => _MainPageContainerState(); } -class _MainPageContainerState extends State { +class _MainPageContainerState extends State<_MainPageContainer> { WidgetType _type = WidgetType.normal; bool _isEnded = false; ScrollController _controller = ScrollController(); + MainPageBloc _bloc; + + List items = ["1", "2", "3", "4", "5", "6", "7", "8"]; + RefreshController _refreshController = + RefreshController(initialRefresh: false); + + void _onRefresh() async { + // monitor network fetch + await Future.delayed(Duration(milliseconds: 1000)); + // if failed,use refreshFailed() + _refreshController.refreshCompleted(); + } + + void _onLoading() async { + // monitor network fetch + await Future.delayed(Duration(milliseconds: 1000)); + // if failed,use loadFailed(),if no data return,use LoadNodata() + items.add((items.length + 1).toString()); + if (mounted) setState(() {}); + _refreshController.loadComplete(); + } @override void dispose() { @@ -44,6 +79,7 @@ class _MainPageContainerState extends State { @override void initState() { + _bloc = BlocProvider.of(context); _reload(); _controller.addListener(() { // print('${_controller.offset} ${_controller.position.maxScrollExtent}'); @@ -65,11 +101,16 @@ class _MainPageContainerState extends State { setState(() { _type = WidgetType.skeleton; }); - Future.delayed(Duration(seconds: 3), () { - setState(() { - _type = WidgetType.normal; - }); - }); + WidgetModel model = WidgetModel.fromJson(widget.data); + if ((model?.components?.length ?? 0) > 0) { + _bloc.loadData(model.components.map((item) => item.modId).toList()); + } + + // Future.delayed(Duration(seconds: 3), () { + // setState(() { + // _type = WidgetType.normal; + // }); + // }); } List _createContent(BuildContext context) { @@ -94,11 +135,47 @@ class _MainPageContainerState extends State { @override Widget build(BuildContext context) { - return SafeArea( - child: CustomScrollView( - controller: _controller, - slivers: _createContent(context), - ), + return StreamBuilder>>>( + stream: _bloc.outData, + builder: (BuildContext context, AsyncSnapshot snapshot) { + if (snapshot.data == null) { + return MainPageSkeleton(); + } + + _type = WidgetType.normal; + return SmartRefresher( + enablePullDown: true, + enablePullUp: true, + header: WaterDropHeader(), + footer: CustomFooter( + builder: (BuildContext context, LoadStatus mode) { + Widget body; + if (mode == LoadStatus.idle) { + body = Text("上拉加载"); + } else if (mode == LoadStatus.loading) { + body = CupertinoActivityIndicator(); + } else if (mode == LoadStatus.failed) { + body = Text("加载失败！点击重试！"); + } else if (mode == LoadStatus.canLoading) { + body = Text("松手,加载更多!"); + } else { + body = Text("没有更多数据了!"); + } + return Container( + height: 55.0, + child: Center(child: body), + ); + }, + ), + controller: _refreshController, + onRefresh: _onRefresh, + onLoading: _onLoading, + child: CustomScrollView( + controller: _controller, + slivers: _createContent(context), + ), + ); + }, ); } } diff --git a/lib/pages/main_page/main_page_bloc.dart b/lib/pages/main_page/main_page_bloc.dart new file mode 100644 index 0000000..7e2fc0c --- /dev/null +++ b/lib/pages/main_page/main_page_bloc.dart @@ -0,0 +1,37 @@ +import 'dart:async'; + +import 'package:zhiying_comm/zhiying_comm.dart'; +import 'package:zhiying_comm/util/base_bloc.dart'; + +class MainPageBloc extends BlocBase { + List>> _mains = List(); + + StreamController>>> _mainController = + StreamController>>>(); + Stream>>> get outData => + _mainController.stream; + + @override + void dispose() { + _mainController.close(); + _mainController = null; + } + + void loadData(List ids) { + NetUtil.request('/api/v1/mod', + method: NetMethod.POST, + params: Map.from({'ids': ids}), onSuccess: (data) { + Map datas = data; + List>> result = List(); + for (int id in ids) { + if (datas.containsKey(id.toString())) { + result.add(List>.from(datas[id.toString()])); + } else { + result.add(List>()); + } + } + _mains = result; + _mainController.add(_mains); + }); + } +} diff --git a/lib/pages/main_page/main_page_sk.dart b/lib/pages/main_page/main_page_sk.dart new file mode 100644 index 0000000..abf7823 --- /dev/null +++ b/lib/pages/main_page/main_page_sk.dart @@ -0,0 +1,33 @@ +import 'package:flutter/material.dart'; +import 'package:zhiying_comm/zhiying_comm.dart'; + +// ignore: must_be_immutable +class MainPageSkeleton extends StatelessWidget { + ScrollController _controller; + + MainPageSkeleton({Key key}) : super(key: key) { + _controller = ScrollController(); + } + + @override + Widget build(BuildContext context) { + return SafeArea( + child: CustomScrollView( + controller: _controller, + slivers: _createContent(context), + ), + ); + } + + List _createContent(BuildContext context) { + List list = List(); + + list.addAll(WidgetFactory.create('index_carousel', + type: WidgetType.skeleton, + isSliver: true, + model: Map.from({'aaaaa': 'bbbb'}))); + list.addAll(WidgetFactory.create('index_recommend_list', + type: WidgetType.skeleton, isSliver: true)); + return list; + } +} diff --git a/lib/register.dart b/lib/register.dart index e8dabfb..8fb1802 100644 --- a/lib/register.dart +++ b/lib/register.dart @@ -14,7 +14,7 @@ class BaseWidgetRegister { // 注册页面 static void registPage() { PageFactory.regist('homePage', (model) => HomePage()); - PageFactory.regist('index', (model) => MainPage()); + PageFactory.regist('index', (model) => MainPage(model)); } // 注册控件 diff --git a/lib/widgets/home_goods/home_goods_creater.dart b/lib/widgets/home_goods/home_goods_creater.dart index 4ff3717..b149e21 100644 --- a/lib/widgets/home_goods/home_goods_creater.dart +++ b/lib/widgets/home_goods/home_goods_creater.dart @@ -4,54 +4,40 @@ import 'package:zhiying_base_widget/widgets/home_goods/home_goods_header.dart'; import 'package:zhiying_base_widget/widgets/home_goods/skeleton/home_goods_header_sk.dart'; import 'package:zhiying_base_widget/widgets/home_goods/skeleton/home_goods_sk.dart'; import 'package:zhiying_comm/zhiying_comm.dart'; +import 'package:event_bus/event_bus.dart'; class GoodsListCreater extends WidgetCreater { @override List createWidgets(Map model) { - TabController controller = - TabController(initialIndex: 0, length: 6, vsync: ScrollableState()); + + EventBus eventBus = EventBus(); return [ - _createHeader(controller), - _createBody(controller), + SliverPersistentHeader( + pinned: true, + floating: false, + delegate: HomeGoodsDelegate(), + ), + SliverToBoxAdapter( + child: HomeGoods(), + ), ]; } @override List createSkeleton(Map model) { return [ - _createHeaderSkeleton(), - _createBodySkeleton(), - ]; - } - - Widget _createHeader(TabController controller) { - return SliverPersistentHeader( - pinned: true, - floating: false, - delegate: HomeGoodsDelegate(controller), - ); - } - - Widget _createHeaderSkeleton() { - return SliverPersistentHeader( + SliverPersistentHeader( pinned: true, floating: false, delegate: HomeGoodsHeaderSkeletonDelegate(), - ); - } - - Widget _createBody(TabController controller) { - return SliverToBoxAdapter( - child: HomeGoods(), - ); - } - - Widget _createBodySkeleton() { - return SliverToBoxAdapter( + ), + SliverToBoxAdapter( child: HomeGoodsSkeleton(), - ); + ), + ]; } + @override bool isSliverChild() { return true; diff --git a/lib/widgets/home_goods/home_goods_header.dart b/lib/widgets/home_goods/home_goods_header.dart index 1a075b1..6ce4ce9 100644 --- a/lib/widgets/home_goods/home_goods_header.dart +++ b/lib/widgets/home_goods/home_goods_header.dart @@ -1,9 +1,6 @@ import 'package:flutter/material.dart'; class HomeGoodsDelegate extends SliverPersistentHeaderDelegate { - final TabController controller; - - HomeGoodsDelegate(this.controller); @override Widget build( @@ -13,7 +10,7 @@ class HomeGoodsDelegate extends SliverPersistentHeaderDelegate { color: Colors.red, alignment: Alignment.center, child: TabBar( - controller: controller, + controller: TabController(initialIndex: 0, length: 6, vsync: ScrollableState()), isScrollable: true, tabs: [ Tab(icon: Icon(Icons.local_florist)), @@ -28,10 +25,10 @@ class HomeGoodsDelegate extends SliverPersistentHeaderDelegate { } @override - double get maxExtent => 60.0; + double get maxExtent => 64.0; @override - double get minExtent => 60.0; + double get minExtent => 64.0; @override bool shouldRebuild(SliverPersistentHeaderDelegate oldDelegate) => diff --git a/pubspec.yaml b/pubspec.yaml index 425acc8..1bf9f20 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -16,6 +16,8 @@ dependencies: provider: ^4.0.0 bloc: ^4.0.0 flutter_bloc: ^4.0.1 + event_bus: ^1.1.1 + pull_to_refresh: ^1.6.1 dev_dependencies: flutter_test: