Async/Await

这种情况你只能应用线程来处理，如下所示：

public void onClick(View v) {    new Thread(new Runnable() {        public void run() {            // a potentially  time consuming task            final Bitmap bitmap =                    processBitMap("image.png");            mImageView.post(new Runnable() {                public void run() {                    mImageView.setImageBitmap(bitmap);                }            });        }    }).start();}

上述代码可以很简单的应用 Dart 完成：

onClick() async {  Bitmap bitmap = await processBitMap("image.png");

  // you don't want to update non-existent widget  if (!mounted) return;

  setState(() {    imageView = bitmap;  });}

这里产生了什么？ async 润饰符标记的办法会安排稍后履行，该办法变成非浊宣的，是以你的应用法度榜样不会损掉任何帧，await 润饰符挂起办法的履行，等待 processBitMap 完成，然后履行将会恢复。

Widget

今朝有大年夜量在 Android 之上运行的各类 OEM 软件和皮肤，这都是可以懂得的，因为每个制造商都欲望为其设备建立本身的附加值，我不克不及计算我毕竟说了若干次“Funck S*ms*ng”，OEM 定制对 Android 开辟人员惹人了很多灾题.。

Flutter，为了实现 120FPS 的目标，已决定开端在一个空的画布上，应用 Skia 2D 图形库绘制每个 widget，而不是重用 OEM widget，并实现大年夜多半 Material Designa 和通用 layout。

这种办法，无法包管你的应用法度榜样在多种设备上看起来是一样的，尽管并不是所有的 Flutter widget 都经由优化，可以在平板电脑上也可以在较小屏幕的设备上正常工作。

无论若何，这种办法也为 UI 设计的立异打开了新的大年夜门，例如，以下的代码可以使得用户改变 Activity 的大年夜小：

class HeroScreen extends StatefulWidget {  @override  HeroState createState() => new HeroState();}class HeroState extends State<HeroScreen> with SingleTickerProviderStateMixin {  bool _scaling = false;  Matrix4 _transformScale = new Matrix4.identity();  double scalePos = 1.0;  set _scale(double value) =>      _transformScale = new Matrix4.identity()..scale(value, value, 1.0);  @override  Widget build(BuildContext context) {    return new Scaffold(        body: new GestureDetector(            onScaleStart: (details) {              setState(() {                _scaling = true;              });            },            onScaleUpdate: (details) {              var n = details.scale;              setState(() {                scalePos = n;                _scale = n;              });            },            onScaleEnd: (details) {              setState(() {                _scaling = false;                _scale = scalePos < 1 ? 1.0 : scalePos;              });            },            child: new Container(                color: Colors.black26,                child: new Transform(                    transform: _transformScale,                    child: new Center(                        child: new Row(                            mainAxisAlignment: MainAxisAlignment.center,                            children: <Widget>[                          new Text(_scaling ? "Scaling" : "Scale me up"),                        ]))))));  }}

这让我们获得一个异常有趣的小部件，如许去写可反复应用的小部件就太轻易了, 我可以将以上不太友爱的代码转换成可重用且干净的小部件：

class Scale extends StatefulWidget {  final Widget child;  final GestureScaleStartCallback onStart;  final GestureScaleEndCallback onEnd;  final GestureScaleUpdateCallback onUpdate;  Scale({Key key, this.child, this.onStart, this.onUpdate, this.onEnd})      : super();  @override  ScaleState createState() => new ScaleState();}class ScaleState extends State<Scale> with SingleTickerProviderStateMixin {  Matrix4 _transformScale = new Matrix4.identity();  double scalePos = 1.0;  set _scale(double value) =>      _transformScale = new Matrix4.identity()..scale(value, value, 1.0);  @override  Widget build(BuildContext context) {    return new GestureDetector(        onScaleStart: widget.onStart,        onScaleUpdate: (details) {          widget.onUpdate(details);          var n = details.scale;          setState(() {            scalePos = n;            _scale = n;          });        },        onScaleEnd: (details) {          widget.onEnd(details);          setState(() {            _scale = scalePos < 1 ? 1.0 : scalePos;          });        },        child: new Container(            color: Colors.black26,            child: new Transform(                transform: _transformScale, child: widget.child)));  }}

重构后的代码如下：

即时运行称为热从新加载，须要不到一秒钟