flutter dart mixin 姿势

简介: flutter dart mixin 姿势

1.基本的变量,方法 共用与重载 变量的重新赋值
mixin 混入之后实际上就是一个整体,混入的顺序 重写方法 变量重新赋值 都会对整理产生影响。

mixin Swimmer {
String name = '海豚';
void swim() {
print("$name 会游泳");
}
}

mixin Flyer {
String name = '燕子';
void fly() {
print("$name 会飞");
}

void eat() {
print("eat $name 喜欢吃虫子");
}
}

在 widget 中的使用:

class _PageMixinState extends State with Swimmer, Flyer {
@override
void initState() {
// TODO: implement initState
super.initState();
swim(); // step 1
fly(); // step 2

name = '大猩猩'; // step 3
swim(); // step 4
fly();  // step 5
eat();  // step 6

}

// step 7
@override
void eat() {
// TODO: implement eat
super.eat(); //调用父类方法 也可以不用
print("eat $name 喜欢吃香蕉");
}

@override
Widget build(BuildContext context) {
return const Placeholder();
}
}

对应的输出:
I/flutter (23523): 燕子 会游泳
I/flutter (23523): 燕子 会飞
I/flutter (23523): 大猩猩 会游泳
I/flutter (23523): 大猩猩 会飞
I/flutter (23523): eat 大猩猩 喜欢吃虫子
I/flutter (23523): eat 大猩猩 喜欢吃香蕉

mixin 混入顺序对变量的影响
燕子 会游泳
燕子 会飞
Swimmer Flyer 有各自的方法 分别是 swim() 和 fly(), 但是他们有同名的变量 name, 由于顺序原因 Flyer 中 name 变量得以保留, 最终变成 燕子 会游泳了,

大猩猩 会游泳
大猩猩 会飞
我们在 step 3 中我们对 name 重新赋值之后,最终变成 大猩猩 会飞

eat 大猩猩 喜欢吃虫子
eat 大猩猩 喜欢吃香蕉
我们在 step 7 中对 eat 函数重写,并且 调用 super.eat(); 此时 Flyer 中的 eat() 方法也会被调用,然而 name 还是 setp3 中被复制的 值

2.类型约束,访问约束类型 变量,方法
有时候我们编写 混类的时候,需要在 mixin 类中 别的类中的方法或者变量,例如: 调用StatefulWidget 方法 setState 使 Widget 刷新。这个时候我们可以 启用约束,这样 就能在 mixin 中操作对应的属性 或者方法

import 'package:flutter/cupertino.dart';

mixin Count on State {
int countTime = 60;
countNum() {
if (countTime > 1) {
setState(() {
countTime--;
});
}
}
}
调用 Widget

class _PageMixinState extends State with Count {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Text('$countTime'),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
countNum();
},
),
);
}
}
这样就能在 mixin 方法中调用 setState 刷新 widget

3.mixin 中访问 另一个 mixin 变量,方法 on 关键字
由于我们不会吧 所有的 共用功能 写在 一个 mixin 中, 多个 mixin 可能存在相互依赖的关系:

mixin Work on WakingUp, Breakfast {
doWork() {
doWakingUp();
makeBreakfast();
print('开始上班 搬砖中 要搬一整天');
}
}

mixin WakingUp {
doWakingUp() {
print('闹钟响了要起床了');
}
}

mixin Breakfast {
makeBreakfast() {
print('开火做法');
}
}

调用:

class _PageMixinState extends State with WakingUp, Breakfast, Work {
@override
void initState() {
/// 总的调用
doWork();
// TODO: implement initState
super.initState();
}

@override
Widget build(BuildContext context) {
return const Scaffold(
body: Center(),
);
}
}

输出:
I/flutter (23523): 闹钟响了要起床了
I/flutter (23523): 开火做法
I/flutter (23523): 开始上班 搬砖中 要搬一整天

每天上班前:起床-> 做饭 -> 到公司开始搬砖:

相关文章
|
2月前
|
Dart
如何在 Flutter 项目中使用 Dart 语言?
如何在 Flutter 项目中使用 Dart 语言?
132 58
|
1月前
|
Dart 开发者 Windows
flutter:dart的学习
本文介绍了Dart语言的下载方法及基本使用,包括在Windows系统上和VSCode中的安装步骤,并展示了如何运行Dart代码。此外,还详细说明了Dart的基础语法、构造函数、泛型以及库的使用方法。文中通过示例代码解释了闭包、运算符等概念,并介绍了Dart的新特性如非空断言操作符和延迟初始化变量。最后,提供了添加第三方库依赖的方法。
30 12
|
3月前
|
Dart 前端开发 JavaScript
Flutter&Dart-异步编程Future、Stream极速入门
Flutter&Dart-异步编程Future、Stream极速入门
78 4
Flutter&Dart-异步编程Future、Stream极速入门
|
3月前
|
Dart JavaScript 前端开发
Dart或Flutter中解决异常-type ‘int‘ is not a subtype of type ‘double‘
Dart或Flutter中解决异常-type ‘int‘ is not a subtype of type ‘double‘
138 4
|
3月前
|
Dart
Flutter笔记:手动配置VSCode中Dart代码自动格式化
Flutter笔记:手动配置VSCode中Dart代码自动格式化
484 5
|
4月前
|
JSON Dart 安全
Flutter Dart Macro 宏简化 JSON 序列化
今天我们将会体验 dart 语言新特性 macro 宏,来实现对 json 的序列化,用到的包是官方实验室写的 json 包。 本文将会一步步的带你实现这个功能,那我们开始吧。
Flutter Dart Macro 宏简化 JSON 序列化
|
3月前
|
Dart 开发工具 Android开发
Android Studio导入Flutter项目提示Dart SDK is not configured
Android Studio导入Flutter项目提示Dart SDK is not configured
327 4
|
3月前
|
Dart 安全 API
Android跨平台开发之Dart 3.5 与 Flutter 3.24:革新跨平台应用开发
【Dart 3.5 与 Flutter 3.24:革新跨平台应用开发】首发于公众号“AntDream”。本文深度解析 Dart 3.5 和 Flutter 3.24 的新特性,包括空安全强化、Web 与原生互操作性增强及 Flutter GPU API 等,展示了如何提升代码质量和用户体验。
66 1
|
3月前
|
Dart 开发工具
消除Flutter doctor的警告Warning: `dart` on your path resolves to xxx/bin/dart
消除Flutter doctor的警告Warning: `dart` on your path resolves to xxx/bin/dart
69 0
|
Dart Java Android开发
Flutter 103: 初识 Flutter Mixin
0 基础学习 Flutter,第一百零三步:简单了解一下 Mixin 混入~
1085 0
Flutter 103: 初识 Flutter Mixin
下一篇
无影云桌面