学习Flutter，推荐使用mac OS系统，因个人是Windows系统的电脑，暂时只进行Android环境的搭建。开发工具可以使用Android Studio或VS Code，这里使用Android Studio，需要先安装配置JDK。
一般使用 Scaffold 组件作为界面的根布局组件 , Scaffold 组件的 floatingActionButton 属性即可设置浮动按钮 , FloatingActionButton 组件 ;
AndroidStudio创建第一个 Flutter 应用程序： 转到文件->新建flutter项目。 选择Flutter Application并按下一步按钮。 在下一个窗口中，您将看到您的项目名称、项目位置、flutter sdk 位置路径。再次点击下一个按钮。 设置包名并点击 Finish 按钮来创建你的第一个 flutter 项目。 5、 flutter项目截图。 从 Android Studio 运行 Flutter 应用程序： 1. 找到 Android Studio 主工具
flutter是什么我就不多说了，网上有许多的介绍文章。看了许多安装过程文章，都说需要翻墙啊，安装git拉到仓库什么的，搞的巨复杂。但我昨晚从零开始成功安装flutter开发环境，并成功运行示例demo，期间并没有翻墙，我也没有安装git，下面是安装成功的视频，
widthFactor ( 宽度因子 ) 和 heightFactor ( 高度因子 ) 用于控制该组件的宽高 , 类型为 double 浮点型 ;
笔者项目中使用Flutter的模块并不多。虽然笔者还没有机会在项目中正式使用Flutter，但是也在学习Flutter的一些基本用法。本文就是一篇Flutter的入门介绍，后续会写更多深入介绍的文章。Flutter可以通过一套代码库快速构建高质量、高性能的跨平台应用，支持iOS、Android、Web以及桌面平台。在本文中，我们将介绍如何入门Flutter，包括环境搭建、基本概念、常用组件以及示例代码。
通过点击该按钮 , 就可以在弹出的 Breakpoints 对话框中管理当前的所有断点 ;
本页介绍如何“测试驱动器”Flutter：从我们的模板创建一个新的Flutter应用程序，运行它，并学习如何使用Hot Reload进行更改。
Flutter是一种流行的开发框架，可以用来构建美观、高性能且跨平台的移动应用程序。本文将带领您从零基础开始，逐步学习Flutter开发，直到精通为止。无论您是新手还是有经验的开发者，都能从本文中获得有价值的知识。
在 https://pub.dev/packages 搜索并安装 url_launcher 插件 ;
Flutter 是 Google 推出的移动端跨平台开发框架，使用的编程语言是 Dart。从 React Native 到 Flutter，开发者对跨平台解决方案的探索从未停止，毕竟，它可以让我们节省移动端一半的人力。本篇文章中，我们就通过编写一个简单的 Flutter 来了解他的开发流程。
前面我们讲了很多 Flutter 相关的知识点，但是我们并没有介绍怎样实现 Flutter 与原生的通信。
BackButton 组件通常作为界面回退按钮组件 , 直接使用构造函数创建 , 参数一般为空 ;
单独运行的 Flutter 应用 , 或 独立运行 混合应用 中的 Flutter Module 工程 ,
本文将与你一起回顾如何在 Android Studio 里进行 Flutter 工具的配置。
在本篇文章中，我们将使用官方最新的Dart语法和新知识，详细介绍Flutter中的Material Design和Cupertino风格组件。Flutter提供了两种主题风格，分别是Material Design和Cupertino，用于创建漂亮、一致的用户界面。我们将深入探讨这两种风格的组件，并提供官方文档链接，以便你进一步学习。
Flutter开发环境的搭建比较烦琐，任何一个步骤失败都会导致最终环境搭建不能完成。Flutter支持三种环境：Windows、MacOS和Linux。这里我们主要讲解Windows及MacOS的环境搭建。
Flutter 使用了一种全新的方法，您可以使用 widgets代替 Views 。Android 中的 View 主要是布局的一个元素，但在 Flutter 中，Widget 几乎就是一切。从按钮到布局结构的一切都是小部件。这里的优势在于可定制性。想象一下 Android 中的一个按钮。它具有文本等属性，可让您向按钮添加文本。但是 Flutter 中的按钮不是将标题作为字符串，而是另一个小部件。这意味着**在按钮内你可以有文本、图像、图标和几乎任何你可以想象的东西，**而不会打破布局限制。这也让您可以非常轻松地制作自定义小部件，而在 Android 中制作自定义视图是一件相当困难的事情。
现在我们的 APP 上面都会在屏幕下方有一排的按钮，点击不同的按钮可以进入不同的界面。就是说在界面的底部会有一排的按钮导航。可看下面的图示。
Flutter 调试 : 定位问题点 , 运行时对表达式 , 变量的值进行实时跟踪 , 单步执行调试代码 ;
在 Scaffold 的 bottomNavigationBar 属性设置底部导航栏 ;
switch是两个状态的UI组件，用于在ON（选中）或OFF（未选中）状态之间切换。通常，它是带有拇指滑块的按钮，用户可以在其中来回拖拉以选择其他选项，例如“开”或“关”。它的工作就像房子的电源开关。
与iOS、Android和React类似，作为一个UI框架，Flutter自然也提供了很多UI控件。而文本、图片和按钮，则是这些不同的UI框架中构建视图都要用到的三个最基本的控件。
Flutter是谷歌的移动UI框架，可以运行在ios与android系统上，可以以完成app的开发，
自定义的好处是可以在addListener中增加监听，通过setState修改状态
像视图数据流转机制、底层渲染方案、视图更新策略等知识，都是构成一个UI框架的根本，看似枯燥，却往往具有最长久的生命力。
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，点击查看活动详情
https://gitee.com/andli/hello-flutter.git
创建 Flutter 应用 , 选择 菜单栏 / File / New / New Flutter Project 选项 , 在弹出的对话框中选择 Flutter Application ;
注册路由 : 在 MaterialApp 根节点组件中的 routes 字段注册路由 , 路由信息存储在 Map<String, WidgetBuilder> 集合中 , 键是路由名称 , 值是页面 Widget 组件 ;
Flutter 中 stateless 和 stateful widget 的区别
在之前的博客 【错误记录】Android Studio 的 Flutter 代码界面没有 Logcat 面板 中 , 处理了该问题 , 不过时去年的解决方案 ; ( 这个版本作废 )
前面我们提到过Flutter其实就是个Dart编写的UI库，附带了自己的渲染引擎。我们通过Widget来描述我们的view，然后Flutter会用它的渲染引擎根据我们的Widget树来绘制我们的界面。注意，是根据Widget树来绘制界面，而不是直接绘制Widget树，这是一个很重要的概念，咱们接下来慢慢来探讨。
记得在flutter刚出来时，笔者就开始学习flutter。但由于当时嫌弃flutter复杂的层级组合且未推出稳定版，所以当时就放弃了深入学习，现如今随着flutter的蓬勃发展及大佬们的力推，就又入坑flutter。
到 https://pub.dev/packages 搜索 http 组件 https://pub.dev/packages/http ;
使用Flutter从零开始开发App是一件轻松惬意的事情，但对于一些成熟的产品来说，完全摒弃原有App的历史沉淀，全面转向Flutter是不现实的。因此使用Flutter去统一Android、iOS技术栈，把它作为已有原生App的扩展能力，通过有序推进来提升移动终端的开发效率。
今天我们来介绍一款Flutter的第三方组件库——flutter_swiper。
上一篇文章我们搭建好了 Flutter 的开发环境。 Flutter 即学即用系列博客——01 环境搭建
经过上一篇文章，给大家码了一篇『Flutter』手势交互相关的文章，了解了Flutter中的手势交互相关的知识点之后，这篇要给大家介绍一下Flutter中的多文件开发。
在上篇文章中，介绍了Flutter中常用的组件之表单组件，本文将继续介绍Flutter中常用的组件之导航器。
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第 27 天，点击查看活动详情
距离Flutter正式版出来已经有很长的时间了，目前大家对于Flutter的呼声也是很高，就算是平时不了解移动开发的朋友们也开始好奇Flutter究竟是个什么东西。就连我朋友的老板都开始问，公司产品能不能换成Flutter来开发？
F「lutter」是一个免费和开源的项目，由Google创建并维护，是我们喜欢Flutter的原因之一。Flutter提供了漂亮的预构建组件，这些组件在flutter中被称为Widget。扑朔迷离的一切都是小部件！
Flutter 下载 https://pub.dev/packages/url_launcher 插件 , 配置完配置文件 ;
Flutter实际上在我学习Android之前就已经听说过了，不过那时候的Flutter还是初始版本，并不如原生，虽说有跨平台的优势，但也只是了解而已，没有去正式使用，那么为什么又要学习了呢？
菜单栏 / File / Setting / Languages & Frameworks / Dart
启动 Android Studio，并通过“Android Studio 设置向导”。安装最新的 SDK Platform-Tools 和 Android SDK Build-Tools。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
