【Flutter】常用样式、方法、组件（长期更新中）

古希腊被code拿捏的神2024-12-09 11:54

一、样式设置

设置颜色透明度：color: Color(0xff4B9E32).withOpacity(0.08)

二、常用方法

数组排序：list.sort();

dart 复制代码

**升序**：(obj1, obj2) => obj1.compareTo(obj2)
**降序**：(obj1, obj2) => obj2.compareTo(obj1)

obj1.compareTo(obj2)
如果obj1< obj2，返回< 0
如果obj1= obj2，返回值=0
如果obj1>obj2，返回值>0

动态获取类实例（model）的属性

dart 复制代码

//先转换成map，再获取值
widget.optionList[index].toJson()[widget.field]

收起软键盘：FocusManager.instance.primaryFocus.unfocus();
color数值转换:从css颜色到dart颜色（从#AABBCC 转换 Color(0xFF42A5F5)）

html 复制代码

map['color']=Color(int.parse((element['iconColor'].substring(1, 7)), radix: 16) + 0xFF000000)

创建多行字符串：使用三个单引号或双引号，会保留多行字符串格式

dart 复制代码

String e = '''asd
     fdsd
       fff
    
    ''';
    String f = """ 1
    2
    3
    4
    """;

使用r创建原始字符串，字符串中的特殊字符不会被转译，而被直接原样输出

dart 复制代码

String str1=r'Hello \n  World'

设置全局context：final GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>();，通过 navigatorKey获取

三、组件类

添加悬浮按钮：Stack
在任意组件中添加悬浮按钮，类似图片右上角删除按钮

dart 复制代码

Stack(
        children: [
          Container(
              alignment: Alignment.center,
              child: Positioned(
                child: Icon(Icons.remove_circle,color: Colors.red,size: 20,),//悬浮的组件
                top: 0,
                right: 0,
              )
          )
        ]

    )

四、一些厉害的工具博客收藏

模拟器设置