Flutter学习笔记与整合

1.Dart

  面向对象语言,与java类比学习

  非常适合移动和Web应用程序

  1.dart官网

  2.Dark2 中文文档

  3.Dart语法学习

  4.极客学院Dart学习

  5.Flutter与Dart 入门

2.Flutter

  树形布局,一切皆组件

  1.flutter文档

  2.社区中文资源

  2.flutter中文文档(更新滞后)

  3.flutter学习入门:

    http://jspang.com/archives/

    https://juejin.im/user/59ed44cf6fb9a0451c398c45/posts

  4.flutter提升:

    https://segmentfault.com/u/yuwanhenshu/articles?sort=created

    flutter学习与爬坑:https://www.jianshu.com/nb/26101414

    https://github.com/CarGuo/GSYGithubAppFlutter

 3.爬坑

  1.listview嵌套listview

    子listview需要制定高度,使用 shrinkWrap: true 内容适配高度;

    滑动类型设置:  physics: new NeverScrollableScrollPhysics(), 禁止子模块列表滑动影响下拉刷新

    https://blog.csdn.net/hao_m582/article/details/84112278#ListView_1

  2.SimpleDialog

    需要指定宽和高

  3.验证码倒计时重发实现

    使用dart的async包下的 Timer.periodic 实现

    https://www.jianshu.com/p/f7a9b8c84d26

  4.微信分享插件

    先注册APPID

    https://pub.dartlang.org/packages/sy_flutter_wechat

  5.将图像保存到照片库

    https://pub.dartlang.org/packages/image_picker_saver

  6.屏幕溢出问题

    水平溢出:

      对于图片,动态的text数据,需要对container容器的宽度做计算约束,适配不同大小的手机

     constraints: BoxConstraints(maxWidth: _descWidth), 

      获取屏幕宽度

     MediaQuery.of(context).size.width 

    垂直溢出:

      对于不是滑动页面会出现底部溢出,使用 SingleChildScrollView 包裹,使其滑动,避免垂直溢出

  7.Dialogs, alerts

    flutter中弹窗是相当于一个页面,一个新的context

  8.页面传参

    方式一:Navigator

    flutter子父页面传参,相对前端而言很简单,因为dart是面相对象的语言,可以在导航中通过有参构造传参

    使用Navigator组件,然后使用路由MaterialPageRoute传递参数

    父》子,  子》父

   final result = await Navigator.push(
        context,
        MaterialPageRoute(
          builder: (context) => new OtherPage(param: param),
        ));
Navigator.pop(context,'$result');  //xxx就是返回的参数

    方式二:事件监听传值

    使用eventBus,  import 'package:event_bus/event_bus.dart'; 

    1创建事件

class OnTapEvent {
  Map data;
  OnTapEvent (this.data);
}

    2发出事件 eventBus.fire(new OnTapEvent()); 

    3监听事件

eventBus.on<OnTapReportEvent>()
        .listen((OnTapEvent data) {
      //TODO
    });

  9.移动平台中启动URL

    打开默认浏览器,或跳转其他页面

    https://pub.dartlang.org/packages/url_launcher#-readme-tab-

  10.顶部,底部TabBar控件

    https://juejin.im/post/5b685a2a5188251ac22b71c0

  11.LocalStorage

    持久化到手机

    https://pub.dartlang.org/packages/shared_preferences

  12.dio是一个强大的Dart Http请求库,支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等...

    https://github.com/flutterchina/dio/blob/flutter/README-ZH.md

  13.升级flutter SDK

    https://flutter.io/docs/development/tools/sdk/upgrading

posted @ 2019-01-04 15:12  灬小乙  阅读(530)  评论(0编辑  收藏  举报