用Android Studio和VS Code创建的Flutter应用模板是一个简单的计数器示例,本节先仔细讲解一下这个计数器Demo的源码,让读者对Flutter应用程序结构有个基本了解,在随后小节中,将会基于此示例,一步一步添加一些新的功能来介绍Flutter应用的其它概念与技术.对于接下来的示例,希望读者可以跟着笔者实际动手来写一下,这样不仅可以加深印象,而且也会对介绍的概念与技术有一个真切的体会.如果你还不是很熟悉Dart或者没有移动开发经验,不用担心,只要你熟悉面向对象和基本编程概念(…

什么是Flutter 官网的定义如下: Flutter is a new project to help developers build high-performance, high-fidelity, mobile apps for iOS and Android from a single codebase. 简单来说就是一个用来编写高性能的iOS或Android应用的独立框架.在早些时候flutter有另一个大家可能比较熟悉的名字sky.flutter官网中表示,目前flutter是一个…

路由管理 路由(Route)在移动开发中通常指页面(Page),这跟web开发中单页应用的Route概念意义是相同的,Route在Android中通常指一个Activity,在iOS中指一个ViewController.所谓路由管理,就是管理页面之间如何跳转,通常也可被称为导航管理.这和原生开发类似,无论是Android还是iOS,导航管理都会维护一个路由栈,路由入栈(push)操作对应打开一个新页面,路由出栈(pop)操作对应页面关闭操作,而路由管理主要是指如何来管理路由栈. 我们在上一节"计…

在Android studio中新建了flutter项目.运行报错licence not accepted. Warning: License for package Android SDK Build-Tools 28.0.3 not accepted. 在控制台运行 flutter doctor 会诊断出: 此时运行: flutter doctor --android-licenses.然后一路yes,就可以了.…

此处设计一个数器,使 学习板上 的 LED 状态每 500ms翻转一次. 学习板上晶振为50MHz,也就是说时钟周期为 20ns , 这样可以计算得出 500ms = 500_000_000ns/20,即需要计数器 计数 25_000_000 次,也就是需要一个至少 25 位的计数器( 位的计数器( 225>25_000_000>224 ).且每当计数次达到需要清零并重新计数. 1.计数器原理        计数是一种最简单基本的运算,计数器就是实现这种运算的逻辑电路,计数器在数字系统中主要是…

最近有个vue项目要用ztree. 然后,我想把一些逻辑提出来作为公共的方法,放到独立的js文件里. ztreeTool.js import $ from 'jquery' export default class ZtreeTools { static beforeDrag(treeId, treeNodes) { console.log("beforeDrag") for (var i=0,l=treeNodes.length; i<l; i++) { if (treeNod…

创建项目 创建Flutter项目有很多种方法,各个IDE工具也都集成了创建Flutter项目的快捷操作.我们这里列举三种方式:使用命令行创建.使用Android Studio创建和使用VSCode创建. 文末附有视频教程 使用命令行创建 在Flutter安装完之后,我们就已经配置好了命令行工具,命令行工具很强大,可以满足我们日常开发Flutter的所有操作(如果你还没有安装好Flutter环境,可以参考这里来安装). 我们只需要打开命令行工具 输入: flutter create flutter…

搭建Flutter之前需要已经安装好相应的Flutter开发环境,如果没安装好相应环境的可以查看在windows系统搭建Flutter开发环境 搭建Flutter项目可以通过命令行搭建,或者通过android studio用可视化方法搭建 先看一下通过Android studio搭建 打开Android studio之后点击 file>new>new flutter project 然后选择第一个next 然后填写项目相关信息next,进入设置包名页面后点击finish即可 搭建好之后打开模拟…

上一篇文章用Scaffold widget搭建了一个带底部导航栏的的项目架构,这篇文章就来介绍一下在flutter中怎么实现一个带下拉刷新和上拉加载更多的一个列表,这里用到了pull_to_refresh的第三方库. 1.在pubspec.yaml文件中加入一行代码,导入第三方库. dependencies: pull_to_refresh: ^1.6.1 2.新建一个类,继承自StatefulWidget来添加一个新的页面,在build方法中,返回一个 Scaffold 控件,在appbar参…

一.创建一个Flutter工程 1.1 命令行创建 首先我们找一个空目录用来专门存放flutter项目,然后在路径中直接输入cmd: 使用 flutter create <projectname> 命令创建flutter项目: 创建成功: 进入项目根目录中,执行 flutter run 命令运行项目: 接下来把项目拖入VSCode就可以继续编辑flutter代码了 1.2 Android Studio创建 这里其实已经在Flutter入门教程(二)开发环境搭建中已经讲解过了,这里再汇总一下 打…