【Flutter -- 基础】快速入门 Flutter

文章目录

• • • 一、Flutter 介绍
    • 二、Flutter 环境配置
    • 三、学习资料
    • 四、视频 & 书籍
    • 五、博客专栏
    • 六、第三方库
    • • 1. 网络
      • 2. UI
      • 3. 数据
      • 4. 设备
      • 5. 工具
      • 6. 实���

        一、Flutter 介绍

        Flutter app 使用了 Dart 语言，源自于 Google，现在是 ECMA 的标准。Dart 吸收了许多现代语言的特性，比如 Kotlin 和 Swift，同时能被转译成 js 代码。

        作为一个跨平台框架，Flutter 和 React Native 非常像，因为 Flutter 支持响应式和声明式语法。但和 React Native 不同，Flutter 不需要 Javascript 桥接，这显著提升了 app 的加载时间和整体性能。Dart 是通过 AOT 编译来做到这一点的。

        Dart 还有一个独特的地方，它也支持 JIT 编译。Flutter 的 JIT 编译改变了开发流程，它允许在开发中通过热加载来更新 UI，而无需进行新的 build。

        二、Flutter 环境配置

        • 【Flutter – 实战】在 Windows 上搭建 Flutter 开发环境

        • 【Flutter–实战】在 macOS 上搭建 Flutter 开发环境

          三、学习资料

          • Flutter 官网

          • Flutter 中文网

          • Flutter GitHub

          • 闲鱼技术 – Flutter

          • 稀土掘金 – Flutter

          • 阿里巴巴 – FlutterGo

            四、视频 & 书籍

            • 《Flutter实战·第二版》

            • 一个很棒的Flutter学习资源列表

            • Flutter 快速入门视频教程

            • Flutter 44集免费基础视频教程

              五、博客专栏

              • Flutter – 实战

              • Flutter

              • Flutter基础

              • Carson带你学：Flutter

                六、第三方库

                1. 网络

                • dio

                  网络请求

                  dio: ^3.0.9

                  https://pub.dev/packages/dio

                • http

                  网络请求

                  http: ^0.12.0+2

                  https://pub.dev/packages/http

                • cookie_jar

                  cookie持久化

                  cookie_jar: ^1.0.0

                  https://pub.dev/packages/cookie_jar

                  2. UI

                  • fluttertoast

                    Toast

                    fluttertoast: ^3.1.0

                    https://pub.dev/packages/fluttertoast

                  • flutter_swiper

                    轮播banner

                    flutter_swiper: ^1.1.6

                    https://pub.dev/packages/flutter_swiper

                  • flutter_webview_plugin

                    加载webview

                    flutter_webview_plugin: ^0.3.5

                    https://pub.dev/packages/flutter_webview_plugin

                  • flutter_html

                    加载富文本

                    flutter_html: ^0.11.0

                    https://pub.dev/packages/flutter_html

                  • flutter_markdown

                    加载markdown

                    flutter_markdown: ^0.2.0

                    https://pub.dev/packages/flutter_markdown

                  • zefyr

                    富文本编辑器

                    zefyr: ^0.8.0

                    https://pub.dev/packages/zefyr

                  • badges

                    徽章

                    badges: ^1.1.0

                    https://pub.dev/packages/badges

                  • flutter_easyrefresh

                    下拉刷新上拉加载

                    flutter_easyrefresh: ^2.0.0

                    https://pub.dev/packages/flutter_easyrefresh

                  • fl_chart

                    图表

                    fl_chart: ^0.1.5

                    https://pub.dev/packages/fl_chart

                  • city_picker

                    城市选择器

                    city_picker: ^0.1.3

                    https://pub.dev/packages/city_picker

                  • azlistview

                    列表索引

                    azlistview: ^0.1.2

                    https://pub.dev/packages/azlistview

                  • file_picker

                    文件选择器

                    file_picker: ^1.3.8

                    https://pub.dev/packages/file_picker

                  • image_picker

                    图片选择器

                    image_picker: ^0.6.1

                    https://pub.dev/packages/image_picker

                  • cached_network_image

                    图片缓存

                    cached_network_image: ^1.1.1

                    https://pub.dev/packages/cached_network_image

                  • photo_view

                    图片手势

                    photo_view: ^0.4.2

                    https://pub.dev/packages/photo_view

                  • flutter_calendar_carousel

                    日历

                    flutter_calendar_carousel: ^1.3.18

                    https://pub.dev/packages/flutter_calendar_carousel

                  • date_range_picker

                    日期区间选择器

                    date_range_picker: ^1.0.6

                    https://pub.dev/packages/date_range_picker

                  • font_awesome_flutter

                    图标库

                    font_awesome_flutter: ^8.5.0

                    https://pub.dev/packages/font_awesome_flutter

                  • flutter_spinkit

                    动画库

                    flutter_spinkit: ^3.1.0

                    https://pub.dev/packages/flutter_spinkit

                  • flukit

                    Flutter UI组件库

                    flukit: ^1.0.2

                    https://pub.dev/packages/flukit

                    3. 数据

                    • sqflite

                      数据库

                      sqflite: ^1.1.6

                      https://pub.dev/packages/sqflite

                    • shared_preferences

                      sp本地存储

                      shared_preferences: ^0.5.3+4

                      https://pub.dev/packages/shared_preferences

                      4. 设备

                      • connectivity

                        监听网络状态

                        connectivity: ^0.4.3+6

                        https://pub.dev/packages/connectivity

                      • share

                        分享

                        share: ^0.6.2+1

                        https://pub.dev/packages/share

                      • camera

                        相机

                        camera: ^0.5.2+2

                        https://pub.dev/packages/camera

                      • device_info

                        设备信息

                        device_info: ^0.4.0+2

                        https://pub.dev/packages/device_info

                      • package_info

                        包信息

                        package_info : ^0.4.0+6

                        https://pub.dev/packages/package_info

                      • path_provider

                        获取本地文件路径

                        path_provider: ^1.2.0

                        https://pub.dev/packages/path_provider

                        5. 工具

                        • rxdart

                          函数式编程

                          rxdart: ^0.22.1+1

                          https://pub.dev/packages/rxdart

                        • provide

                          状态管理

                          provide: ^1.0.2

                          https://pub.dev/packages/provide

                        • provider

                          状态管理

                          provider: ^3.0.0+1

                          https://pub.dev/packages/provider

                        • event_bus

                          消息传递

                          event_bus: ^1.1.0

                          https://pub.dev/packages/event_bus

                        • url_launcher

                          打开链接

                          url_launcher: ^5.1.2

                          https://pub.dev/packages/url_launcher

                        • intl

                          国际化

                          intl: ^0.15.8

                          https://pub.dev/packages/intl

                        • fluro

                          路由

                          fluro: ^1.5.1

                          https://pub.dev/packages/fluro

                        • simple_permissions

                          权限相关

                          simple_permissions: ^0.1.9

                          https://pub.dev/packages/simple_permissions

                        • video_player

                          视频播放器

                          video_player: ^0.10.1+6

                          https://pub.dev/packages/video_player

                        • audioplayers

                          音频播放器

                          audioplayers: ^0.13.1

                          https://pub.dev/packages/audioplayers

                        • qr_flutter

                          二维码

                          qr_flutter: ^2.1.0+55

                          https://pub.dev/packages/qr_flutter

                          6. 实战

                          • 玩Android 客户端

                          • Gank Flutter 客户端

                          • Flutter 官方实例