Flutter&Dart
Flutter&Dart学习笔记
xlh1191860939
一个android小菜鸟
展开
-
Flutter和Dart系列之十三:按两次退出应用
在Android应用中,当用户处于主页时,为防止用户误触返回键退出应用,一般我们都会设置如果两秒或者三秒连续点击两次才被视为主动退出应用。那么在Flutter中,该如何实现该功能呢?这个时候我们就需要借助于WillPopScope这个类,具体实现代码如下:class HomePage extends StatefulWidget { @override State createSta...原创 2020-05-03 18:44:10 · 723 阅读 · 0 评论 -
Flutter和Dart系列一:工欲善其事,必先利其器
Flutter和Dart系列一:工欲善其事,必先利其器Flutter是google用以帮助移动开发者进行跨平台开发,类似已有的react native。Flutter使用的编程语言是Dart。专栏会同时记录Flutter以及Dart的学习。本篇是系列的第一篇,我们就来介绍如何搭建Flutter的开发环境。Flutter的官网:https://flutter.io/。Flutter is ...原创 2018-07-19 16:17:59 · 2169 阅读 · 0 评论 -
Flutter和Dart系列二:初识Dart语言
Flutter和Dart系列二:初识Dart语言Flutter使用的编程语言是Dart,此篇的目的就是让大家对Dart语言本身一些基本语法有所熟悉,从而更好地使用Flutter来编写应用程序。我们先看一个简单的示例:void sayHello(String name){ print(“Hello, I’m $name”);}void main(){ var nam...原创 2018-07-19 16:40:08 · 1195 阅读 · 0 评论 -
Flutter和Dart系列三:视图与数据如何关联
Flutter和Dart系列三:视图与数据如何关联今天我们就从零开始写代码吧,要实现的功能很简单,就是:点击屏幕上的FAB,实现文本内容替换。 新建一个Flutter项目,将main.dart中的代码都删除,我们从头开始写。1. 导包import "package:flutter/material.dart";2. 编写主函数:void main(){ runApp...原创 2018-07-19 17:02:03 · 1259 阅读 · 0 评论 -
Flutter和Dart系列四:Function
Dart语言是一门真正面向对象的语言,函数也是一个对象,并且类型为Function,这点和Js是类似的。 定义Function: 返回类型 name (参数列表){} 例如: bool isAdult(int age){ return age >= 18;}void main() { print(isAdult(28)); // true}...原创 2019-02-23 18:43:29 · 4941 阅读 · 0 评论 -
Flutter和Dart系列五:类和对象
Dart是一门面向对象的语言。和Java一样,它有个超级父类Object,所有的类都直接或间接继承该类。 定义一个类: class Point { num x = 0, y = 1; } 编写main方法来使用这个类: void main() { var point = Point(); //创建了一个Point类型的对象,可...原创 2019-03-01 17:04:37 · 1402 阅读 · 0 评论 -
Flutter和Dart系列六:Widget(一)
我们先编写一个简单的demo: import 'package:flutter/material.dart';void main() => runApp(Center( child: Text( 'Hello, world!', textDirection: TextDirection.ltr, ),)); import: 和Java中...原创 2019-02-28 18:28:44 · 1207 阅读 · 0 评论 -
Flutter和Dart系列七:Column和Row
对于线性的布局排列,Android中使用的是LinearLayout,至于是横向还是纵向,则是通过orientation属性来指定的,orientation=vertical表示纵向线性,orientation=horizontal表示横向线性。在Flutter中,将这两种线性布局分别用Column和Row来表示。 Column:orientation=vertical void ma...原创 2019-03-12 12:30:46 · 1246 阅读 · 0 评论 -
Flutter和Dart系列之八:路由
截至目前为止,我们的Widget都是在一个页面上实现的。对于一个App而言,不可能只有一个页面。那么在Flutter怎样实现页面间的跳转呢? 启动一个新的页面:Navigator.push(),类似Android中的startActivity class MyApp extends StatelessWidget { @override Widget build(BuildC...原创 2019-03-15 17:58:30 · 815 阅读 · 0 评论 -
Flutter和Dart系列九:简单的网络请求
与其说是Flutter的网络请求,倒不如说是Dart的网络请求。实际上这块是对系列八第5点的一个复习,我们直接看代码: 在.yaml文件中添加http依赖,然后执行Packages get dependencies: flutter: sdk: flutter http: ^0.12.0+2 新建一个api.dart文件 import 'package...原创 2019-07-15 20:45:19 · 425 阅读 · 0 评论 -
Flutter和Dart系列十:Json序列化
在前一篇我们已经可以在Flutter中同服务器进行交互了,但是那时我们是通过String来接收的,即可以拿到json格式的数据,那么怎么来解析成实体对象呢?1. 手动解析:借助于dart的内置库(dart:convert)dart:convert中有俩个top-level function:jsonDecode()、jsonEncode(),分别用来解析json和生成json。给定一段...原创 2019-08-06 10:26:51 · 1578 阅读 · 1 评论 -
Flutter和Dart系列十一:Function(二)
我们在系列四中已经介绍了Dart中有关Function的基本概念,今天我们来围绕“函数作为一等公民,作为对象”这一概念来展开讨论和总结。 将一个函数赋值给一个变量. add(int a, int b) => a + b;void main() { var sum = add; print(sum(1, 2)); // 打印3} 对于add函数,我们将其赋值给变量...原创 2020-01-10 11:17:17 · 1804 阅读 · 0 评论 -
Flutter和Dart系列十二:动画(Animation)
一个App中如果能有优秀的动画效果,能让App看起来显得更加高大上。此篇我们就来介绍一下Flutter中Animation体系。 我们先来一个简单的例子,来实现透明度渐变动画: class FadeInDemo extends StatefulWidget { @override State createState() { return _FadeInDemoState...原创 2020-02-06 13:48:47 · 1121 阅读 · 0 评论