1. 使用AppBar后如何去掉左边的返回箭头.左边的图标对应的是leading,源代码如下(吐槽一下,CSDN暂不支持dart语言): Widget leading = widget.leading; if (leading == null && widget.automaticallyImplyLeading) { if (hasDrawer) { leading = IconButton( icon: const Icon(Icons.menu), onPressed: _handl…
视频地址:https://coding.imooc.com/class/321.html?mc_marking=60e5294c605a87b2af7257d06f70505e&mc_channel=syb7 贾鹏辉的技术博客官网 http://www.devio.org/tags/#Flutter 第1章 课程导学&项目需求&技术分解 1-1 课程导学 & 1-2 项目需求分析,技术分解. 第2章 [理论]Flutter入门知识:开发工具选择与开发环境搭建指南 2-1 本…
一.创建一个Flutter工程 1.1 命令行创建 首先我们找一个空目录用来专门存放flutter项目,然后在路径中直接输入cmd: 使用 flutter create <projectname> 命令创建flutter项目: 创建成功: 进入项目根目录中,执行 flutter run 命令运行项目: 接下来把项目拖入VSCode就可以继续编辑flutter代码了 1.2 Android Studio创建 这里其实已经在Flutter入门教程(二)开发环境搭建中已经讲解过了,这里再汇总一下 打…
StatefulComponent使用方法入门 在上一篇Flutter入门之无状态组件中我们讲到了无状态组件,所谓的无状态组件指的就是其内部的状态是来自其父组件并使用final类型的变量来存储,当组件被build的时候它们就使用这些不可变的数据来构建自己的UI. 为了构建更加复杂且可和用户产生交互的组件,在flutter中提供了StatefulComponents来实现这种需求. 下面来看一个简单的例子'点击按钮,并在按钮文字上不断更新点击的次数'. import 'package:flutte…
flutter入门开发的一些坑 很久没写博客了,最近在准备物联网比赛,顺便抽出时间学习了一下flutter,花了近2周完成了一个查看博客博文的一个小的APPdemo,随便截了两张图,如下: 首页 博客园的页面,必须登录才有这些东西 总的来说项目还是比较简单的,(项目地址)没有什么复杂的逻辑和界面(毕竟是刚学,也没有能力去弄复杂的逻辑和界面),目前来说就这样吧.接下来我将记录一下开发中遇到的一些困难以及解决方法. flutter博客园 认证解决方法 这里是博客园的api网址(https://api…
背景 近一年时间都在用 React Native 开发公司的 APP,水平基本上可以说是登堂入室了.前一段时间兴起一阵 Flutter 热,后端的同事都有推荐,今年 Google 大会又推出 flutter_web,偶有闲暇,就赶紧来看看这个新的多端兼容框架. 与 RN 的封装原生组件通过 Bridge 调用不同,Flutter 的模式是使用 Google 的 UI 引擎另起炉灶,使用 Dart 语言编写,最终还是编译成原生的代码.性能方面相较RN有所提升,但是RN已经有近5年的发展了,社区相当…
这是Flutter系列第一篇文章,后续会持续更新Flutter相关知识,本篇就主要对于Flutter技术做一个简单的入门介绍 一.Flutter简介 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的,可以用一套代码同时构建Android和iOS应用,性能可以达到原生应用一样的性能. 一句话总结就是:Flutter是…
1.安装SDK 官网下载其最新可用的安装包并解压. 设置环境变量:在.bash_profile文件中写入export PATH=/Users/malk/Documents/flutter/bin:$PATH,然后保存并执行source .bash_profile. 运行flutter doctor命令查看是否需要安装其它依赖项来完成安装 该命令检查您的环境并在终端窗口中显示报告.Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart. 2.配置Android Studio 需要…
引言 作为Android开发人员,很有必要学习一下Flutter,那么Flutter是什么呢?它到底有什么作用呢?我们一一来揭晓. Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的.它也是构建未来的Google Fuchsia应用的主要方式.Fuchsia是谷歌继Android和Chrome OS之后开发的第三个系…
Flutter的sdk地址https://flutter.dev/docs/development/tools/sdk/releases 如果网络不能翻墙,只需要在环境变量里增加如下 FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn PUB_HOSTED_URL: https://pub.flutter-io.cn 新建flutter工程后还要在当前窗口重新导入下面的android目录 如果编译过程中报错Cause: org.jetb…
学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目. Flutter环境配置主要有这几点: 系统配置要求 Java环境 Flutter SDK Android 开发环境 ***以下是基于在Window操作系统上安装和配置Flutter开发环境*** 一.系统配置要求 操作系统:Windows 7 SP1 或更高的版本(基于 x86-64 的 64 位操作系统) 磁盘空间:除安装 IDE 和一些工具之外还应有至少 1.64…
在通常的对 Flutter 介绍中,最耳熟能详的是下面四个特点: 精美 (Beautiful):充分的赋予和发挥设计师的创造力和想象力,让你真正掌控屏幕上的每一个像素. ** 极速 (Fast)**:基于 Skia 的硬件加速图形引擎,帮助你媲美原生应用的速度. 高效 (Productive):Flutter 的 Stateful Hot Reload (热重载) 特性帮助你实时看到应用修改的结果. 开放 (Open):不管是 Flutter 引擎还是 Dart 开发语言,甚至是工程团队的工作空…
首发链接 让我们一起来了解Flutter与其他跨平台框架的优势,以及这些优势在开发流程中的作用. Flutter是什么 Flutter的优势 1. 跨平台使用相同的UI和业务逻辑 2. 节省开发时间 3. 更快的迭代速度 4. 无限接近原生的交互体验 5. 丰富的UI动画 6. 独立的渲染引擎 7. 能够很容易与原生进行交互 8. 不只是能运行在移动端 从业务层来看,Flutter是一个好的选择吗? 为什么要尝试使用Fultter? Flutter是什么 就我目前的职业开发生涯中,目睹了太多太多…
Flutter 混合开发系列 包含如下: 嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信-EventChannel 添加 Flutter 到 Android Activity 添加 Flutter 到 Android Fragment 添加 Flutter 到 iOS 每个工作日分享一篇,欢迎关注.点赞及转发. 创建 Flutter Module Flutter可以以源代码或AAR…
Flutter 混合开发系列 包含如下: 嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信-EventChannel 添加 Flutter 到 Android Activity 添加 Flutter 到 Android Fragment 添加 Flutter 到 iOS 每个工作日分享一篇,欢迎关注.点赞及转发. 使用新引擎创建 FlutterFragment 添加 Flutter…
Flutter 混合开发系列 包含如下: 嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信-EventChannel 添加 Flutter 到 Android Activity 添加 Flutter 到 Android Fragment 添加 Flutter 到 iOS 每个工作日分享一篇,欢迎关注.点赞及转发. Flutter 可以作为 frameworks 添加到 iOS 项目,…
常见.NET功能代码汇总 23,获取和设置分级缓存 获取缓存:首先从本地缓存获取,如果没有,再去读取分布式缓存写缓存:同时写本地缓存和分布式缓存 private static T GetGradeCache<T>(string key) where T:struct { MemoryCacheManager localCache = MemoryCacheManager.Instance; if (!localCache.IsSet(key)) { //本地不存在此缓存 T remoteVal…
IE6以及各个浏览器常见兼容问题 大汇总 综述:虽然说IE6在2014年4月将被停止支持,但是不得不说的是,IE6的市场并不会随着支持的停止而立刻消散下去,对于WEB前端开发工程师来说,兼容IE6 兼容各个浏览器,依然是不得不面对的工作. 在此总结了常见的浏览器兼容问题,里面也有IE6的常见兼容问题,供大家分享. 如需转载,请注明出处:网易博客-独行冰海:IE6 浏览器常见兼容问题 大汇总 1.<!DOCTYPE HTML>文档类型的声明. 产生条件:IE6浏览器,当我们没有书写这个文档声明的…
IE6以及各个浏览器常见兼容问题 大汇总 综述:虽然说IE6在2014年4月将被停止支持,但是不得不说的是,IE6的市场并不会随着支持的停止而立刻消散下去,对于WEB前端开发工程师来说,兼容IE6 兼容各个浏览器,依然是不得不面对的工作. 在此总结了常见的浏览器兼容问题,里面也有IE6的常见兼容问题,供大家分享.     1.<!DOCTYPE HTML>文档类型的声明. 产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象: 解决办法:书写文档声明. 2…
工作需要,因客户端有部分页面要使用flutter编写,需要QA了解一下flutter相关知识,因此,做了flutter调研,包含安装,基础知识与demo编写,第二部分是安装与环境配置. —— 在mac上实现flutter的从安装到运行,以下基于Android Studio,xcode相关设置后续补充 1.首先,国内访问flutter有时会有限制,以防万一,使用镜像 将以下环境变量添加到用户环境变量里export PUB_HOSTED_URL=https://pub.flutter-io.cnex…
在 Windows 10下安装Flutter+Dart+Android Studio 配置Flutter开发环境 文章首发地址 配置环境变量 由于部分网站被墙的原因,我们需要先配置Flutter国内镜像地址,这两个地址是由Flutter官方维护的,可以放心使用 首先我们找到此电脑点击右键,然后点击属性 然后点击高级系统设置 点击高级然后找到下面的环境变量并点击 点击新建 变量名输入PUB_HOSTED_URL 变量值输入 https://pub.flutter-io.cn 然后点击确定 继续点击…
Flutter 的起源 Flutter 的诞生其实比较有意思,Flutter 诞生于 Chrome 团队的一场内部实验, 谷歌的前端团队在把前端一些"乱七八糟"的规范去掉后,发现在基准测试里性能居然提高了 20 倍,机缘巧合下 Flutter 就这么被立项. 所以 Flutter 是基于前端诞生,同时基于它的诞生缘由,可以看到 Flutter 本身就不会有特别多的语法糖,作为框架它比较"保守",选择的 Dart 语言也是保守型的语言.而它的编程模式,语法都带有浓厚的…
目录 简介 StatelessWidget和StatefulWidget StatelessWidget详解 StatefulWidget详解 总结 简介 flutter中所有的组件都是由widgets组成的,flutter中有各种各样的widgets,这些widgets构成了flutter这个大厦. 那么flutter中的widget有什么特点呢?我们应该怎么学习widget呢? 一起来看看吧. StatelessWidget和StatefulWidget 实时上,flutter中的widge…
Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton.FlatButton. IconButton.OutlineButton.ButtonBar.FloatingActionButton 等. RaisedButton :凸起的按钮,其实就是 Material Design 风格的 Button FlatButton :扁平化的按钮 OutlineButton:线框按钮 IconButton :图标按钮 ButtonBar:按钮组 FloatingAc…
一.Flutter 中的按钮组件介绍   Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton.FlatButton.   IconButton.OutlineButton.ButtonBar.FloatingActionButton 等.   RaisedButton :凸起的按钮,其实就是 Material Design 风格的 Button   FlatButton :扁平化的按钮   OutlineButton:线框按钮   IconButton…
Flutter核心理念 flutter组件采用函数式响应框架构建,它的灵感来自于React.它设计的核心思想是组件外构建UI,简单解释一下就是组件鉴于它当前的配置和状态来描述它的视图应该是怎样的,当组件的状态发生改变,组件会重构它的配置和状态(这些配置和状态是在组件外部重构的,内部的配置和状态都不可变的).然后底层框架会将最新的配置和状态与先前的做对比,由此产生一个最小的差值,并由此差值来决定底层渲染树从旧状态过度到新状态. Hello World 首先我们先来写一个最基本的flutter应用吧…
* 网格布局 class HomeContent extends StatelessWidget { List<Widget> _getListData() { var tempList = listData.map((value) { return Container( child: Column( children: <Widget>[ Image.network(value['imageUrl']), SizedBox( height: 10, ), Text( value[…
* StatefulWidget 如果想改变页面中的数据就要用到StatefulWidget,之前自定义组件继承的StatelessWidget是不能动态修改页面数据的 //自定义有状态组件 class HomePage extends StatefulWidget { HomePage({Key key}) : super(key: key); @override _HomePageState createState() => _HomePageState(); } class _HomePa…
八月部门给分配的分享任务,由于项目太赶,推迟一个月. 选 Flutter 这个主题,是因为现在它慢慢流行起来了,而我却不了解,故而借此契机,上手试试. 简介 Flutter 是 Google 推出的跨平台开发框 架.⽬目前⽀支持 iOS, Android 开发,对web 端和桌面端⽀支持还在开发中. 2017 年年 5 ⽉月,Flutter 发布第⼀一个版本. 2018 年年 12 ⽉月,第⼀一个稳定版本, 1.0 发 布. Flutter 的开发语⾔言是 Dart . Flutter 实现了了…