✨ ModalBarrier、AnimatedModalBarrier、DefaultAssetBundle、DropdownButtonFormField、FormField、InheritedWidget、PaginatedDataTable

2020-12-20 16:57:31 +08:00
parent 4fcac5c25e
commit ed8db244e1
18 changed files with 572 additions and 37 deletions
--- a/lib/views/widgets/StatefulWidget/AnimatedModalBarrier/node1_base.dart
+++ b/lib/views/widgets/StatefulWidget/AnimatedModalBarrier/node1_base.dart
@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+
+/// create by 张风捷特烈 on 2020-04-01
+/// contact me by email 1981462002@qq.com
+/// 说明: 227 AnimatedModalBarrier 动画屏障模
+/// 内部依赖 ModalBarrier 实现，功能一致，只不过该组件可以传入一个颜色动画，进行过渡展现。
+/// link: 212
+//    {
+//      "widgetId": 227,
+//      "name": 'AnimatedModalBarrier 介绍',
+//      "priority": 1,
+//      "subtitle":
+//          "【dismissible】 : 点击是否返回   【bool】\n"
+//          "【color】 : 颜色   【Animation<Color>】",
+//    }
+class AnimatedModalBarrierDemo extends StatefulWidget {
+  @override
+  _AnimatedModalBarrierDemoState createState() => _AnimatedModalBarrierDemoState();
+}
+
+class _AnimatedModalBarrierDemoState extends State<AnimatedModalBarrierDemo>
+    with SingleTickerProviderStateMixin {
+  AnimationController _controller;
+  Animation<Color> _color;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller =
+        AnimationController(vsync: this, duration: Duration(seconds: 2))..forward();
+    _color = ColorTween(begin: Colors.blue, end: Colors.purple)
+        .animate(_controller);
+  }
+
+  @override
+  void dispose() {
+   _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 200,
+      height: 100,
+      child: Stack(alignment: Alignment.center, children: [
+        AnimatedModalBarrier(
+          dismissible: true,
+          color: _color,
+        ),
+        Text('点击背景返回',style: TextStyle(color: Colors.white),)
+      ]),
+    );
+  }
+}