【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 官方实例


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部