Flutter 入门学习（一）— Flutter初探

最新推荐文章于 2024-04-30 22:43:54 发布
最新推荐文章于 2024-04-30 22:43:54 发布
阅读量182 收藏 2
点赞数
分类专栏： Flutter 开发
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/jaynm/article/details/104994025
版权
本文介绍了Flutter，一个由谷歌开发的用于构建iOS和Android原生界面的移动UI框架。Flutter以其跨平台能力、与其他解决方案的对比、独特运行原理和丰富的文档及SDK资源，成为开发者的选择。
摘要由CSDN通过智能技术生成

Flutter初探

Flutter是什么？

Flutter是谷歌开发的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作，并且Flutter是完全免费、开源的。

Flutter不止于移动平台

在这里插入图片描述

现有跨平台解决方案

Web/HybridJSCoreNative
也被称为 Hybrid 技术，它基于 Web 相关技术来实现界面及功能通过虚拟Dom树来构建UI，映射成原生UI组件，通过JSCore桥接调用原生服务将某个语言编译为二进制文件，生成动态库或打包成 apk/ipa/xap 文件
代表框架：phonegap、cordova代表框架：ReactNative、Weex代表框架：Flutter

为什么选择Flutter

Web/HybridUI性能差，功能性API缺失
ReactNativeUI性能一般，开发体验差，很多知名企业弃坑
FlutterUI性能好，开发体验较好，很多知名公司入坑

Flutter 与 RN的运行原理对比

在这里插入图片描述

为什么Flutter可以做到如此？

在这里插入图片描述

Flutter文档和SDK

https://flutterchina.club/
https://flutter.dev
https://github.com/flutter/flutter

Jaynm
关注
专栏目录
Flutter 基础（一）入门
danfengw的博客
03-25 834
介绍 flutter 应用是使用dart语言开发的，作为一个跨平台框架，flutter非常像React Native ，(1)比如flutter支持响应式编程和声明式编程。但是和React Native不同的是，flutter不需要JavaScript桥接，打打提升了整个应用的性能和应用启动时间，Dart是通过AOT技术取得了上述表现。 (2)另一方面，拥有JIT的Flutter 支持在开发期间，...
Flutter零基础入门学习资料集合
m0_67537062的博客
03-31 645
Flutter学习资料，包含了Flutter学习社区、入门学习资料、进阶学习资料、性能优化、面试资料和书籍等资料
Flutter 基础知识入门
流星雨的博客
08-31 527
文章目录一、组件1.1、Text文本1.2、Container容器1.3、Image图片1.3.1、网络图片、本地资源1.3.2、repeat 属性1.3.3、圆形头像方式一:Container容器方式二:ClipOval方式三:CircleAvatar(推荐)1.4、ListView列表1.5、GridView表格二、布局2.1、Row水平布局2.2、Column垂直布局2.3、stack层叠布局2.4、Card卡片布局三、路由导航3.1、路由跳转3.2、路由返回四、安卓打包4.1、androidstud
dart sqlite orm 框架jaguar_query_sqflite教程
HumorChen的博客
12-31 877
引言： 没想到这sqlite的语法和Mysql差异还是挺多的，搞得只好先去看看Sqlite的语法再来写 一开始我使用的是sqflite来操作sqlite数据库，原声的执行sql来操作数据库 又有人提了，得用orm框架，好吧，然后推了这个jaguar_query_sqflite，刚按照官网的英文教程来操作的，可行，因此写上这篇博客记录下来，也可以帮助其他人。 项目基于flutter ，pub ,开发工具 Adroid Studio 框架地址：https://pub.dev/packages/jaguar_q.
Flutter 项目开发指导 从基础入门到精通使用目录_flutter pickview
最新发布
2401_84520150的博客
04-30 630
BAT TMD大厂Android高频面试题。Android对标阿里P7学习视频。Android进阶学习全套手册。2019.7.15 凌晨。
Flutter：从入门到实践
GitChat
07-02 2820
Flutter开发者必备学习资料
the_cleaner的博客
03-31 1081
Flutter学习资料，包含了Flutter学习社区、入门学习资料、进阶学习资料、性能优化、面试资料和书籍等资料
Flutter学习资料集合(开发必备)
henhenha的博客
03-31 3741
Flutter学习资料，包含了Flutter学习社区、入门学习资料、进阶学习资料、性能优化、面试资料和书籍等资料
初探Flutter跨端游戏开发
奇舞周刊
09-07 3893
本文作者为奇舞团大前端CodeFarmer背景笔者在公司前前后后做了有小一年Flutter 开发，从入门到后面业务方变动，到暂时放弃Flutter。对于Flutter争议不提，我们得承认Flutter 是一款很优秀的跨端解决方案，到前段时间的Flutter3.0的提出，3.0对游戏做了很友好的支持，笔者又重新开始以游戏为切入点 去上手Flutter。所以我们探索一下Flutter3.0 对于游戏的...
Flutter入门配置的坑
梦想还是要有的
07-01 667
学习一直是做技术的必经之路，开始按照官网配置真的是入门到放弃，后来有个师兄介绍了我一个好文章。以此来记录我的flutter的环境配置 首先flutter 是需要依赖于brew，但是brew 是根据ios 系统版本来的，开始这块我不清楚，也不知道系统自带了brew。于是一直在安装/更新上碰壁。由于墙的原因，执行brew update 一直失败。我就放弃了update。我的mac 系统10.14.1...
Flutter 基于NestedScrollView+RefreshIndicator完美解决滑动冲突
一名互联网时代苟且偷生的 Android码农
04-13 7467
SliverAppbar 一、SliverAppbar 控件介绍1、使用方法2、基本属性3、常用属性二、NestedScrollView控件介绍1、使用方法2、构造方法3、与NestedScrollView集成SliverAppBar三、RefreshIndicator与NestedScrollView滑动列表冲突同步解决 NestedScrollView属于Sliver系列控件，是对Custom...
Flutter 基于CustomScrollView+SliverAppbar实现案例
一名互联网时代苟且偷生的 Android码农
04-13 1788
CustomScrollView一、SliverAppbar 控件介绍1、使用方法2、基本属性3、常用属性二、CustomScrollView控件介绍1、使用方法2、基本属性三、CustomScrollView集成SLiverAppBar案例 一、SliverAppbar 控件介绍 SliverAppBar “应用栏” 相当于升级版的 appbar 于 AppBar 位置的固定的应用最上面的; 而...
Flutter 入门学习（三）— Dart语言详解
一名互联网时代苟且偷生的 Android码农
04-01 738
Dart语言详解变量变量的声明变量的默认值final和const内置类型num, int, doubleStringboolListMapSetRunesSymbol函数可选参数匿名函数闭包函数别名操作符流程控制语句异常Exception类型Error类型异常抛出异常捕获类构造函数命名构造函数重定向构造函数初始化列表调用超类构造函数常量构造函数工厂构造函数Setter和Getter抽象类可调用类泛...
Flutter 入门学习（五）— Material Design风格组件
一名互联网时代苟且偷生的 Android码农
04-03 553
文章目录1. 概述2. App结构和导航组件2.1 MaterialApp(应用组件)2.1.1 设置主页2.1.2 路由处理2.1.3 自定义主题2.2 Scaffold(脚手架组件)2.3 AppBar(应用按钮组件)2.4 BottomNavigatorBar(底部导航栏)2.5 TabBar(水平选项卡及视图组件)2.6 Drawer(抽屉组件)3. 按钮和提示组件3.1 Floating...
Android 原生工程集成Flutter混合开发
一名互联网时代苟且偷生的 Android码农
04-10 436
Android原生工程中集成Flutter混合开发第一步 创建Flutter工程第二步 编译Flutter工程第三步 在Android工程中加入Flutter Module的依赖第四步 在Android工程中创建Flutter的View第五步 在Flutter工程中创建Widget第六步 让Flutter模块支持热加载 第一步 创建Flutter工程 在Android工程根目录的上一级目录创建F...
Flutter 入门学习（六）— 常用组件
一名互联网时代苟且偷生的 Android码农
04-03 420
文章目录1. 重要概念2. 容器组件-Container3. 图片组件4. 文本组件4.1 Text4.2 RichText5. 图标及按钮组件5.1 图标组件5.2 图标按钮组件5.3 凸起按钮组件6. 列表控件6.1 基础列表组件6.2 水平列表组件6.3 长列表组件7. 网格布局组件8. 表单组件8.1 Form组件常用属性8.2TextFormField组件常用属性 1. 重要概念 一切...
Flutter 入门学习（二）— Dart语言基础
一名互联网时代苟且偷生的 Android码农
03-20 224
Dart语言基础什么是Dart？为什么使用它？Dart部分特性Dart重要概念Dart关键字Dart内置库Dart类型系统面向对象基本数据类型基本语法变量声明常量声明集合ListMap枚举时间处理异常 什么是Dart？为什么使用它？ Dart 是一个由谷歌开发的通用编程语言，后来被 Ecma (Ecma-408)批准为标准。它用于构建 web、服务器、桌面和移动应用程序。 Dart 是一种面向对象...
Flutter 入门学习（四）— Flutter基础
一名互联网时代苟且偷生的 Android码农
04-03 191
Flutter基础Flutter默认demoFlutter视图树StateStatelessWidgetStatefulWidgetState生命周期 Flutter是一款移动应用程序SDK，一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。 Flutter目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序。我们兼容滚动行为、排版、图标等方面的差异。 无需移...
Flutter入门：构建、布局与绘制详解
本文档深入探讨了学习Flutter过程中的关键环节，即构建、布局和绘制。首先，作者提到对Flutter有了基础的掌握，但缺乏对其框架的整体理解，尤其是在理解和应用一些高级概念如container的大小变化以及widget中的key...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值