Flutter中Dart语言概述

更新日期: 2019-07-25阅读: 2k标签: Flutter

Dart语言与其他语言究竟有什么不同呢?在已有的编程语言经验的基础上,我们该如何快速上手呢?本篇文章从编程语言中最重要的组成部分,也就是基础语法与类型变量出发,一起来学习Dart吧


一、Dart语言之初体验

Dart可以在编译器(Android Studio)、命令行(前提是安装了Dart SDK)及网页repl.it中调试编译,由于本次内容比较简单,我们直接在网页中调试编译即可。

我们定义一个输出当前时间的函数,并输出当前时间

//输出当前时间
void nowTime() {
  int year = DateTime.now().year;
  int month = DateTime.now().month;
  int day = DateTime.now().day;
  int hour = DateTime.now().hour;
  int minute = DateTime.now().minute;
  int second = DateTime.now().second;
  String str = 'Hello World, This is $year-$month-$day $hour:$minute:$second';
  print(str);
}

和绝大多数其他语言一样,Dart要求以main函数作为执行的入口,我们再定义main函数,并将输出当时时间的函数放入main函数中

void main() {
	nowTime();
}

点击“run”按钮,命令就会输出

Hello World, This is 2019-8-11 10:45:46

我们已经可以简单的运行Dart代码了,我们接下来再看一下Dart的基本变量类型


二、Dart的变量与类型

在Dart中,所有的变量都可以用var来申明,当然,也可以指定具体的类型来申明一个变量。当使用var申明变量时,表示类型是交由编译器推断决定的。虽然Dart支持用var来申明变量,但我还是建议使用具体的类型来申明变量,这样编辑器和编译器就能使用这些具体的类型,向你提供代码补全或编译告警的提示了。

注意:在默认情况下,所有未初始化的变量值都是null,因此,我们判断变量是否初始化时只用和null比较即可。

Dart是类型安全的语言,并且所有类型都是对象类型,都继承自顶层类型Object,因此一切变量的值都是累的实例(即对象),其中包括数字、布尔值、函数和null也都是继承自Object对象。

Dart内置了一些基本类型,如num、bool、String、List及Map。


num、bool及String

num、bool及String基本上是编程语言中最常用的类型

Dart的数值类型num只有两种子类:int(整数类型)和double(浮点类型)

void numVerb() {
  int x = 100;
  double y = 5.2;
  double xy=x*y;
  int roundY = xy.round();
  print('x = $x, y = $y, xy = $xy, roundY = $roundY');
}
x = 100, y = 5.2, xy = 520.0, roundY = 520

除了常见的基本运算符(比如:+、-、*、/,以及位运算符)外,还能使用继承自num的abs()、round()等方法来实现求绝对值、取整等功能。

Dart的布尔类型bool也只有两种取值:true和false,他们都是编译时常量。 Dart是类型安全的,因此我们需要显示的检查值

void checkValue() {
  bool isTrue = true;
  assert(isTrue == true);
  //assert(isTrue);//错误
}

Dart的String由UTF-16de字符串组成,定义字符串时我们既能使用单引号也能使用双引号,并且还能在字符串中嵌入变量或表达式(可以使用${express}把一个表达式的值放进字符串,而如果是一个标识符,则可以省略{})。

/**
 * 将一个字符串中的字母全部转换为大写
 */
void upperCase() {
  String str = 'toUpperCase';
  String str2 = "toUpperCase";
  String str3 = 'str = $str, str2 = $str2, str to upperCase: ${str.toUpperCase()}';
  print(str3);
}
str = toUpperCase, str2 = toUpperCase, str to upperCase: TOUPPERCASE

为了获得内嵌对象的字符串,Dart会调用对象的toString()方法,而常见字符串的拼接,Dart则通过内置运算符“+”实现。

void stringVerb() {
  int year = DateTime.now().year;
  int month = DateTime.now().month;
  int day = DateTime.now().day;
  int hour = DateTime.now().hour;
  int minute = DateTime.now().minute;
  int second = DateTime.now().second;
  String str = 'Hello World, This is ' +
      year.toString() +
      '-' +
      month.toString() +
      '-' +
      day.toString() +
      ' ' +
      hour.toString() +
      ':' +
      minute.toString() +
      ':' +
      second.toString();
  print(str);
}
Hello World, This is 2019-8-11 12:19:31

对于多行字符串对的构建,你可以通过三个单引号或三个双引号的方式申明

void stringVerb() {
  int year = DateTime.now().year;
  int month = DateTime.now().month;
  int day = DateTime.now().day;
  int hour = DateTime.now().hour;
  int minute = DateTime.now().minute;
  int second = DateTime.now().second;
  String str = """Hello World, This is
  $year-$month-$day $hour:$minute:$second""";
  print(str);

  String str2 = '''Hello World, This is
  $year-$month-$day $hour:$minute:$second''';
  print(str2);
}
Hello World, This is
  2019-8-11 12:32:5
Hello World, This is
  2019-8-11 12:32:5


List和Map

List和Map分别对应其他编程语言中的数组和字典类型,统称为集合类型

void listTest() {
  List<String> arr1 = ['name', 'age', 'sex'];
  for (var value in arr1) {
    print(value);
  }
  List<int> aar2 = List.of([1, 2, 3]);
  aar2.add(4);
  for (var value2 in aar2) {
    print(value2);
  }
  List<num> nums = new List<num>();
  nums.add(1);
  nums.add(1.1);
  nums.add(3);
  nums.add(5.20);
  for (var value3 in nums) {
    print(value3);
  }
}
name
age
sex
1
2
3
4
1
1.1
3
5.2

如上代码所示,我们申明并初始化了三个List变量,并调用其各自的迭代方法依次打印出其内部元素

void mapTest() {
  Map<String, String> map = {'name': 'Jack', 'age': '18', 'sex': '男'};
  map['name'] = 'Tom';
  map['age'] = '20';
  map['sex'] = '男';
  map.forEach((k, v) => print('$k:$v'));

  Map map2=new Map<String,String>();
  map2['name']='Dart';
  map2['age']='2';
  map2.forEach((k,v)=>print('$k:$v'));
}
name:Tom
age:20
sex:男
name:Dart
age:2

如上代码所示,我们申明并初始化了两个Map变量,同样调用其各自的迭代方法依次打印出其内部的元素


定义常量

如果你想定义不可变的变量,则需要在定义前加上final或const关键字

const:表示变量在编译期间既能确定的值

final:表示变量可以在运行时确定值,但一旦确定后就不可改变

const与final区别:在定义const常量时,必须直接赋值,且只能是一个固定值,不能为一个变量或公式;在定义final常量时,可以赋值也可以不赋值,赋值时可以赋值为一个固定值,也可以赋值为一个变量或公式,但一旦赋值后就不能再改变


链接: https://www.fly63.com/article/detial/4922

移动跨平台框架Flutter介绍和学习线路

Flutter是一款移动应用程序SDK,一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。Flutter目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序。我们兼容滚动行为、排版、图标等方面的差异。

初识flutter

关注flutter已经好久,因为没有发正式版,所以一直也不想过早的躺浑水,但是最近无意中看到几篇文章,再加上美团和咸鱼等app也一直在做灰度测试,所以上周开始看了一下官方文档,地址:https://flutter.io/docs/get-started/install,然后在此做一下总结。

深入理解Flutter多线程

Flutter默认是单线程任务处理的,如果不开启新的线程,任务默认在主线程中处理。和iOS应用很像,在Dart的线程中也存在事件循环和消息队列的概念,但在Dart中线程叫做isolate。

Flutter1.5 开始,将成为全平台 UI 框架!

Flutter 1.5 的发布,同期也宣布发布 Flutter for Web 的 Preview 版本,正式开启了 Flutter 的全平台 UI 框架之路。早在年初发布的 Flutter 2019 Roadmap 中,就有提到,会在今年支持移动设备之外的平台,对 Web 的支持,算是完成了一个新的里程碑吧。

Flutter支持Web开发了!

Flutter作为一个可移植的UI框架,已经支持现代Web应用开发了!我们很开心已经发布了SDK预览版,这样你可以在Web浏览器里直接运行你的Flutter UI代码。

Flutter 混合开发 (交互通信)

Flutter 与原生之间的通信依赖灵活的消息传递方式:1,Flutter 部分通过平台通道将消息发送到其应用程序的所在的宿主环境(原生应用)。2,宿主环境通过监听平台通道,接收消息。

Flutter 局部路由实现

Flutter是借鉴React的开发思想实现的,在子组件的插槽上,React有this.props.children,Vue有<slot></slot>。当然Flutter也有类似的Widget,那就是Navigator,不过是以router的形式实现(像<router-view></router-view>)。

Flutter Kotlin 到底该如何选择?

这两个技术在当下如何选择,我之前在公众号上的回复是:如果你已经处于一个比较满意的公司,并考虑长期发展,公司并未使用这两个技术,你可以专心钻研公司当下使用的,或者未来将要使用的,这些才能助你在公司步步高升。

Flutter 与 iOS 原生 WebView 对比

本文对比的是 UIWebView、WKWebView、flutter_webview_plugin(在 iOS 中使用的是 WKWebView)的加载速度,内存使用情况。测试网页打开的速度,只需要获取 WebView 在开始加载网页和网页加载完成时的时间戳

Flutter For Web

用来构建漂亮、定制化应用的跨平台的 UI 框架 Flutter 现在已经支持 Web 开发了。我们很高兴推出了一个预览版的 SDK 可以让开发者直接使用 Flutter UI 和业务逻辑代码构建 web 应用

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!