Flutter 爱之初体验

最新推荐文章于 2022-05-23 07:06:57 发布

iOSTips

最新推荐文章于 2022-05-23 07:06:57 发布

阅读量118

点赞数

本文链接：https://blog.csdn.net/n603482184/article/details/100888936

版权

Flutter是什么？

Flutter是Google公司出品，用于构建iOS和Android App的跨平台SDK，被世界各地的开发人员和组织使用，并且是免费开源的，开发者使用Dart编程语言构建App。

Flutter 的目标是用一套Dart语言创建高性能、高帧率、低延迟的 Android 和 iOS 或Fuchsia应用。并且开发出来的应用在不同的平台用起来跟原生应用具有一样的体验。

Flutter具有什么特点？

响应式视图的优点，不需要JavaScript的桥接器
快速，流畅，可预测; 代码将AOT编译为本机（ARM）代码
开发人员完全控制UI组件和布局
配有美观，可定制的UI组件
强大的开发者工具，惊人的热重新加载
性能更好，兼容性更好，开发起来更有乐趣

Flutter和ReactNative有什么区别？

React Native是非常受欢迎的（这是它应得的），但是因为JavaScript访问了原生UI组件，所以它也必须经过这些“桥接器”，界面上的UI控件通常被频繁地访问（在动画、转化或者用户用手指“滑动”屏幕上的某些东西时，每秒被访问高达60次），因此这很可能会导致性能问题。

640?wx_fmt=png

React Native中View渲染过程

和React Native一样，Flutter也提供响应式的视图，Flutter采用不同的方法避免由JavaScript桥接器引起的性能问题，即用名为Dart的程序语言来编译。Dart是用预编译的方式编译多个平台的原生代码，这允许Flutter直接与平台通信，而不需要通过执行上下文切换的JavaScript桥接器。编译为原生代码也可以加快应用程序的启动时间。

640?wx_fmt=png

Flutter中View渲染过程

实际上，Flutter是唯一提供响应式视图而不需要JavaScript桥接器的移动SDK，这就足以让Fluttter变得有趣而值得一试。

640?wx_fmt=gif

热重载

用流行的响应式框架构建UI，Flutter提供了丰富的基础库，用强大而灵活的API解决2D、动画、手势、效果等等的棘手UI挑战。

class CounterState extends State<Counter> {
  int counter = 0;

  void increment() {
    // Tells the Flutter framework that state has changed,
    // so the framework can run build() and update the display.
    setState(() {
      counter++;
    });
  }

  Widget build(BuildContext context) {
    // This method is rerun every time setState is called.
    // The Flutter framework has been optimized to make rerunning
    // build methods fast, so that you can just rebuild anything that
    // needs updating rather than having to individually change
    // instances of widgets.
    return new Row(
      children: <Widget>[
        new RaisedButton(
          onPressed: increment,
          child: new Text('Increment'),
        ),
        new Text('Count: $counter'),
      ],
    );
  }}