flutter开发小技巧2-摩杜云开发者社区

flutter开发小技巧2_职场和发展

代码静态分析

在提交代码时为了提高代码质量，保持团队的代码风格一致，需要进行代码静态分析，一般通过下面2种方法来进行

flutter analyze

使用flutter analyze进行代码静态分析,此命令会根据analysis_options.yaml定义的规则进行静态分析

dartfmt

使用dartfmt ./ -w对当前目录以及子目录的dart代码进行代码,-w选项会自动重写文件使其符合规范。

使用dartfmt ./ -n显示当前目录以及子目录的dart代码格式可以修改的文件但是不做修改，可以配合ci分析代码格式问题。

更多选项请使用dartfmt --help查看

Push & present & Pop

// Push by route
Navigator.pushNamed(context, '/b')
  
// push 
Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) => MyPage()));

// present
Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) => MyPage(),fullscreenDialog: true));

// pop
Navigator.pop(context)
  
// pop + push
Navigator.of(context)
    ..pop()
    ..pop()
    ..pushNamed('/settings');

API

// push
Future push(BuildContext context, Route route)

// pop
bool pop(BuildContext context, [ result ])
  
// 下面两种是等效的
Navigator.push(BuildContext context, Route route)
Navigator.of(context).push(Route route)

获取widget的位置和宽高

final RenderBox box = keyContext.findRenderObject();
final size = box.size;
final topLeftPosition = box.localToGlobal(Offset.zero);

Model To JSON

json_serializable

引入 dependencies: # Your other regular dependencies here json_annotation: ^2.0.0 dev_dependencies: # Your other dev_dependencies here build_runner: ^1.0.0 json_serializable: ^2.0.0
使用 import ‘package:json_annotation/json_annotation.dart’; // user.g.dart 将在我们运行生成命令后自动生成 part ‘user.g.dart’; ///这个标注是告诉生成器，这个类是需要生成Model类的 @JsonSerializable() class User{ User(this.name, this.email); String name; String email; //不同的类使用不同的mixin即可 factory User.fromJson(Map<String, dynamic> json) => _KaTeX parse error: Expected group after '_' at position 56: …c> toJson() => _̲UserToJson(this); }
单次解析：flutter packages pub run build_runner build
持续集成：flutter packages pub run build_runner watch
json_serializable 在线json转dart model工具

Built value

在线json转build value 模板工具 https://charafau.github.io/json2builtvalue/
VSCode built value 插件

1. Sample code // interface model import ‘package:built_value/built_value.dart’; part ‘user.g.dart’; abstract class User implements Built<User, UserBuilder> { String get name; @nullable String get nickname; User._(); factory User([updates(UserBuilder b)]) = _KaTeX parse error: Expected 'EOF', got '}' at position 7: User; }̲ // init var u…Node; } // new or update var node = new Node((b) => b …left.left.left.right.left.right.label = ‘I’m a leaf!’ …left.left.right.right.label = ‘I’m also a leaf!’); var updatedNode = node.rebuild((b) => b …left.left.right.right.label = ‘I’m not a leaf any more!’ …left.left.right.right.right.label = ‘I’m the leaf now!’);