使用 Flutter 的自定义工具

1. 获取MediaQuery大小

   getSize(context)

使用 1 和 2 创建一个 响应式网格视图

1. 根据您的静态设计的 宽度，计算响应式 网格项计数。

   crossAxisCount: getResCrosCountGrid(
       context: context,
       width: 180,
   ),

2. 对于响应式网格项 宽高比，它应基于 高度 和 宽度 从您的静态设计中派生。

   childAspectRatio: getResGridRatio(
       context: context,
       height: 165,
       width: 180,
   ),

3. 对于普通网格 宽高比

   拥有此宽高比在更大的或更小的设备上都不会出错

   crossAxisCount: 2,
   childAspectRatio: getGridRatio(
       crossAxisCount: 2,
       context: context,
       height: 165,
       width: 180,
   ),

您提供的 高度 和 宽度 决定了它的工作方式

1. 从哈希码获取颜色

   CHColor.fromHex('#fffff')

2. 从颜色获取哈希码

   Color.fromRGBO(250, 250, 250, 0.1).toHex()

1. 所有 (内边距/外边距)

   @override
   Widget build(BuildContext context) {
       return Container(
       child: Text('data').cPadAll(10) // cMargAll 
       );
   }

2. 仅 (内边距/外边距)

   @override
   Widget build(BuildContext context) {
       return Container(
           child: Text('data').cPadOnly(
               l: 10,
               r: 10,
               t: 10,
               b: 10,
           ), // cMargOnly
       );
   }

3. 对称 (内边距/外边距)

   @override
   Widget build(BuildContext context) {
       return Container(
           child: Text('data').cPadSymmetric(
               h: 10,
               v: 10,
           ), // cMargSymmetric
       );
   }

4. 零 (内边距/外边距)

   @override
   Widget build(BuildContext context) {
       return Container(
       child: Text('data').cPadZero, // cMargZero
       );
   }

5. 允许您在 CustomScrollView 中插入小部件

   Text('data').cSliverToBox

6. 允许您处理 可见性和不透明度

   Text('data').cVisible(true)
   
   Text('data').cOpacity(0.3)

GitHub

查看 Github