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

这篇具有很好参考价值的文章主要介绍了【Flutter -- 基础】快速入门 Flutter。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

flutter快速入门,Flutter -- 实战,flutter,android

一、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 官方实例文章来源地址https://www.toymoban.com/news/detail-783906.html

到了这里,关于【Flutter -- 基础】快速入门 Flutter的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android Studio快速实现Flutter应用的国际化和多语言支持

    在Flutter中实现国际化和多语言支持通常涉及以下步骤: 首先,你需要添加flutter_localizations依赖库到你的pubspec.yaml文件中。这个库包含了Flutter国际化所需的核心功能。 Android Studio菜单File-Settings-Plugins(直接搜索效率菜单效率更高) 安装Flutter Intl插件后重启Android Studio 插件安装

    2024年02月08日
    浏览(37)
  • Android flutter项目 启动优化实战(一)使用benchmark分析项目

     Android flutter项目 启动优化实战(一)使用benchmark分析项目 Android flutter项目 启动优化实战(二)利用 App Startup 优化项目和使用flutterboost中的问题解决 启动时间是用户对应用的第一印象,较慢的加载会对用户的留存和互动造成负面影响 在刚上线的Android 原生flutter 的B端项目中

    2024年02月03日
    浏览(41)
  • 【Flutter 开发实战】Dart 基础篇:List 详解

    嗨,各位朋友们,欢迎来到这篇博客!今天我们将一起踏入 Dart 语言的神奇世界,深入了解 Dart 中的 List 类型。不用担心,我会尽可能用最通俗易懂的语言,让你对 List 有一个更深刻的理解。 List - 让数据变得有趣! 在 Dart 语言中,List 就像一个神奇的盒子,可以放进去各种

    2024年01月21日
    浏览(51)
  • Flutter实战·第二版-第三章 基础组件笔记

    第三章:基础组件 3.1文本及样式 3.1.1 Text 3.1.2 TextStyle 3.1.3 TextSpan 3.1.4 DefaultTextStyle 3.1.5字体 先将文字资源打包到应用,然后再pubspec.yaml中指定位置 根目录/assets(fonts) 使用字体 Package中的字体 lib/fonts/Raleway-Medium.ttf 3.2按钮 3.2.1 ElevatedButton 3.2.2 TextButton 3.2.3 OutlinedButton 3.2.4 IconB

    2024年02月12日
    浏览(57)
  • 【Flutter 开发实战】Dart 基础篇:条件循环表达式

    Dart 是一门强大的编程语言,其条件和循环表达式在编写灵活、高效代码中起着关键作用。本文将深入介绍 Dart 中的条件表达式、循环表达式、以及如 for 、 while 、 do...while 、 break 、 continue 等内容,旨在为初学者提供清晰的指导。 Dart 中的条件表达式主要通过 if 语句

    2024年02月01日
    浏览(55)
  • Android:手把手带你入门跨平台UI开发框架Flutter

    定义:一款Google出品开源的移动客户端UI开发框架(SDK) 作用:用一套代码同时在Android、iOS上快速构建高质量、高性能的原生用户界面 开发语言:Dart语言(高开发效率、高性能等) 2. 特点 Flutter的主要特点包括:使用自身的高性能渲染引擎进行渲染 Dart编程语言语言 具体介

    2024年04月13日
    浏览(68)
  • flutter开发实战-video_player插件播放抖音直播实现(仅限Android端)

    flutter开发实战-video_player插件播放抖音直播实现(仅限Android端) 在之前的开发过程中,遇到video_player播放视频,通过查看video_player插件描述,可以看到video_player在Android端使用exoplayer,在iOS端使用的是AVPlayer。由于iOS的AVPlayer不支持flv、m3u8格式的直播,这里video_player播放抖音直

    2024年02月05日
    浏览(47)
  • flutter基础入门教程(Dart语法+UI布局+页面路由+后端连接)

    1、环境安装 1基础安装步骤教程 Android Studio安装与配置 https://juejin.cn/post/6844904054569582605 安装Android Studio前,需要先选择安装Java环境,Java需要到Oracle官网上下载安装,需要注册一个Oracle账号。 https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html Windows 10 配置Java 环境变量

    2024年02月03日
    浏览(36)
  • flutter开发实战-打包应用apk签名及Android studio没有generate signed bundle/apk问题修改

    flutter开发实战-打包应用apk签名及Android studio没有generate signed bundle/apk问题修改 最近使用flutter开发项目,需要将打包应用时候apk进行签名,我这边开发使用的是Android studio,发现在Android studio的build没有generate signed bundle/apk。这里记录一下问题修改,以及生产签名文件及gradle配置

    2024年02月08日
    浏览(58)
  • Android:手把手带你入门跨平台UI开发框架Flutter,渣本Android开发小伙如何一步步成为架构师

    3.1 框架结构 Flutter框架主要分为两层:FrameWork层、Engine层,如下图所示: 说明:开发时,主要基于Framework层;运行时,则是运行在 Engine上。每层的具体介绍如下: 3.2 原理概述 开发时,主要基于Framework层;运行时,则是运行在 Engine上 Engine是Flutter的独立虚拟机,由它适配 提

    2024年04月16日
    浏览(71)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包