Flutter小知识

Flutter小知识

设置全屏效果

//状态栏和虚拟按键隐藏掉

在StatelessWidget的build(Context context)下,或者State下的initState()方法下

SystemChrome.setEnabledSystemUIOverlays([])

显示状态栏和虚拟按键

SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);
或者
SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top, SystemUiOverlay.bottom]);

格式化日期

import 'package:intl/intl.dart';

DateTime now = DateTime.now();//获取当前时间
String formatDate = DateFormat('yyyy-MM-dd HH:mm').format(now);//格式化日期
 

//同理，字符串转日期的方法如下
DateTime dateTime = DateFormat('yyyy-MM-dd HH:mm:ss').parse("2019-07-19 08:40:23");

JSON和序列化

Sample:

class MultiItem extends SubItem {
  String tag;
  MultiItem(String value, {this.tag = ""}) : super(value);

  ///将Map转成MultiItem对象
  /// super(value)
  MultiItem.fromJson(Map<String, dynamic> json)
      : tag = json['tag'],
        super.fromJson(json); //  MultiItem(this.value, this.tag);
  Map<String, dynamic> toJson() => {
        'tag': tag,
        'value': value,
      };
}
class SubItem {
  String value;

  SubItem(this.value);

  SubItem.fromJson(Map<String, dynamic> json) : value = json['value'];

  Map<String, dynamic> toJson() => {
        'value': value,
      };
}

Flutter 点击空白处取消TextField焦点

(收起软键盘)

GestureDetector(
    behavior: HitTestBehavior.translucent,
    onTap: () {
        // 触摸收起键盘
        FocusScope.of(context).requestFocus(FocusNode());
    },
    child: ****视图内容***
}

把GestureDetector放在body最外层

这种还可以用在弹出Dialog时，取消当前TextField的焦点,避免dialog消失,又会回到TextField的位置

用声明FocusNode,再控制FocusNode取消焦点是无效的