[flutter_web] colors 可视化

chen56 · May 14, 2024 · 39dc681 · 39dc681
1 parent dd14e8c
commit 39dc681
Show file tree

Hide file tree

Showing 6 changed files with 705 additions and 434 deletions.
diff --git a/notes/flutter_web/lib/routes/notes/style&theming/colors/page.dart b/notes/flutter_web/lib/routes/notes/style&theming/colors/page.dart
@@ -4,15 +4,14 @@ import 'package:you_flutter_internal/you_flutter_internal.dart';
 
 @NoteAnnotation(label: "Color roles", publish: true)
 void build(BuildContext context, Cell print) {
-  print(const MD(r'''
-# Color roles
-
-ref
-
-- <https://m3.material.io/styles/color/roles>
-
-  '''));
-
-  print(const MaterialColorRoles());
+//   print(const MD(r'''
+// # Color roles
+//
+// ref
+//
+// - <https://m3.material.io/styles/color/roles>
+//
+//   '''));
 
+  print(MaterialColorRoles());
 }
diff --git a/packages/you_flutter/lib/src/better_ui.dart b/packages/you_flutter/lib/src/better_ui.dart
@@ -96,6 +96,9 @@ extension StyleExtension on Widget {
   Widget marginAll$(double value) {
     return Container(margin: EdgeInsets.all(value), child: this);
   }
+  Widget margin$(EdgeInsets margin) {
+    return Container(margin: margin, child: this);
+  }
 
   /// Warp a [Padding]
   Widget padding$(EdgeInsetsGeometry padding) => Padding(padding: padding, child: this);