forked from lxm_flutter/FlutterUnit
macos版升级到flutter2.0
This commit is contained in:
@@ -1,9 +1,5 @@
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter/src/rendering/sliver.dart';
|
||||
|
||||
/// create by 张风捷特烈 on 2020/9/21
|
||||
/// contact me by email 1981462002@qq.com
|
||||
|
||||
@@ -1,9 +1,5 @@
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter/src/rendering/sliver.dart';
|
||||
|
||||
/// create by 张风捷特烈 on 2020/9/21
|
||||
/// contact me by email 1981462002@qq.com
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
@@ -34,8 +34,7 @@ class NestedScrollViewDemo extends StatelessWidget {
|
||||
(BuildContext context, bool innerBoxIsScrolled) {
|
||||
return <Widget>[
|
||||
SliverOverlapAbsorber(
|
||||
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(
|
||||
context),
|
||||
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
|
||||
sliver: SliverAppBar(
|
||||
title: const Text('旷古奇书'),
|
||||
pinned: true,
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/gestures.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/gestures.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// create by 张风捷特烈 on 2020/9/21
|
||||
|
||||
@@ -0,0 +1,78 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// create by 张风捷特烈 on 2020/9/21
|
||||
/// contact me by email 1981462002@qq.com
|
||||
/// 说明: 233 StatusTransitionWidget 状态转变组件
|
||||
/// 抽象类,可以根据提供的动画器状态变化触发刷新。在 Flutter 框架层没有实现的子类,也没有使用的场景,感觉用处不是很大。
|
||||
///
|
||||
// {
|
||||
// "widgetId": 233,
|
||||
// "name": 'StatusTransitionWidget 介绍',
|
||||
// "priority": 1,
|
||||
// "subtitle":
|
||||
// "【animation】 : 子组件 【Animation<double>】\n"
|
||||
// "这里自定义 ColorStatusTransitionWidget 进行使用,在动画器的状态改变时构建不同的颜色。",
|
||||
// }
|
||||
|
||||
|
||||
class StatusTransitionWidgetDemo extends StatefulWidget {
|
||||
@override
|
||||
_StatusTransitionWidgetDemoState createState() => _StatusTransitionWidgetDemoState();
|
||||
}
|
||||
|
||||
class _StatusTransitionWidgetDemoState extends State<StatusTransitionWidgetDemo>
|
||||
with SingleTickerProviderStateMixin {
|
||||
AnimationController _ctrl;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_ctrl = AnimationController(vsync: this, duration: Duration(seconds: 1))..forward();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: (){
|
||||
_ctrl.forward(from: 0);
|
||||
},
|
||||
child: ColorStatusTransitionWidget(
|
||||
animation: _ctrl,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class ColorStatusTransitionWidget extends StatusTransitionWidget {
|
||||
final Animation<double> animation;
|
||||
|
||||
ColorStatusTransitionWidget({Key key, this.animation})
|
||||
: super(key: key, animation: animation);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
Color color = Colors.blue;
|
||||
switch (animation.status) {
|
||||
case AnimationStatus.dismissed:
|
||||
color = Colors.black;
|
||||
break;
|
||||
case AnimationStatus.forward:
|
||||
color = Colors.blue;
|
||||
break;
|
||||
case AnimationStatus.reverse:
|
||||
color = Colors.red;
|
||||
break;
|
||||
case AnimationStatus.completed:
|
||||
color = Colors.green;
|
||||
break;
|
||||
}
|
||||
|
||||
return Container(
|
||||
alignment: Alignment.center,
|
||||
width: 80,
|
||||
height: 80,
|
||||
decoration: BoxDecoration(color: color, shape: BoxShape.circle),
|
||||
child: Text('${animation.status}'.split('.')[1],style: TextStyle(color: Colors.white),),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,4 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
/// create by 张风捷特烈 on 2020/4/30
|
||||
/// contact me by email 1981462002@qq.com
|
||||
/// 说明:
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
|
||||
/// create by 张风捷特烈 on 2020-03-29
|
||||
/// contact me by email 1981462002@qq.com
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// create by 张风捷特烈 on 2020/9/21
|
||||
/// contact me by email 1981462002@qq.com
|
||||
/// 说明: 243 UniqueWidget 唯一组件
|
||||
/// 抽象类,必须提供一个 GlobalKey 进行身份标识,该类型组件只会 inflated 一个实例,同一时刻也只会有一个状态,可以通过 currentState 属性获取状态。
|
||||
///
|
||||
// {
|
||||
// "widgetId": 243,
|
||||
// "name": 'UniqueWidget 介绍',
|
||||
// "priority": 1,
|
||||
// "subtitle":
|
||||
// "【child】 : 子组件 【Widget】",
|
||||
// }
|
||||
|
||||
class UniqueWidgetDemo extends StatelessWidget {
|
||||
final String info =
|
||||
'该类是抽象类,在 Flutter 框架层没有实现类,也没有其他源码使用到它,说明它基本上没啥用。'
|
||||
'本质上它也非常简单,就是为组件添加一个 GlobalKey,在 Element#inflateWidget 时,会校验组件是否有 GlobalKey ,'
|
||||
'如果有,则根据 key 找到之前的对应的 Element,就不会触发 Widget#createElement。为了方便获取 State,该类暴露 currentState 属性。'
|
||||
'你瞄一下源码,就能看到这个组件是多么简单,简单到可以自己完成,以至于没什么大用。';
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
color: Colors.blue.withOpacity(0.1),
|
||||
padding: EdgeInsets.all(10),
|
||||
margin: EdgeInsets.all(10),
|
||||
child: Text(info),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user