一统天下 flutter

Posted 2023-04-14 webabcd - 专注于 flutter, android

一统天下 flutter - widget 滚动类: ScrollNotification - 滚动通知

一统天下 flutter https://github.com/webabcd/flutter_demo
作者 webabcd

一统天下 flutter - widget 滚动类: ScrollNotification - 滚动通知

示例如下:

lib\\widget\\scroll\\scroll_notification.dart

/*
 * ScrollNotification - 滚动通知
 */

import \'package:flutter/material.dart\';

import \'../../helper.dart\';

class ScrollNotificationDemo extends StatefulWidget 
  const ScrollNotificationDemo(Key? key) : super(key: key);

  @override
  _ScrollNotificationDemoState createState() => _ScrollNotificationDemoState();


class _ScrollNotificationDemoState extends State<ScrollNotificationDemo> 

  final String _string = "012345678901234567890123456789012345678901234567890123456789";

  @override
  Widget build(BuildContext context) 
    return Scaffold(
      appBar: AppBar(title: const Text("title")),
      backgroundColor: Colors.orange,
      /// 监听当滚动发生变化时的通知
      body: NotificationListener<ScrollNotification>(
        onNotification: (notification) 
          if (notification is ScrollStartNotification)           /// 滚动开始
            log(\'滚动开始\');
           else if (notification is ScrollUpdateNotification)   /// 滚动中
            log(\'滚动中。。。\');
           else if (notification is ScrollEndNotification)      /// 滚动结束
            log(\'滚动结束\');
          

          /// pixels - 当前滚动到的位置
          /// atEdge - 是否在滚动的边界
          /// outOfRange - 滚动是否越界
          /// axis - 垂直滚动还是水平滚动
          /// extentBefore - 垂直滚动时，可视区的顶部与全部内容的顶部的距离
          /// extentAfter - 垂直滚动时，可视区的底部与全部内容的底部的距离
          /// extentInside - 垂直滚动时，可视区的高度
          log(\'pixels:$notification.metrics.pixels, \'
              \'$notification.metrics.extentBefore, \'
              \'$notification.metrics.extentAfter, \'
              \'$notification.metrics.extentInside\');

          /// return true 代表此通知已处理，也就是说通知不会冒泡
          return true;
        ,
        child: Scrollbar(
          child: SingleChildScrollView(
            child: Center(
              child: Column(
                children:_string.split("").map((c) => MyText(c)).toList(),
              ),
            ),
          ),
        ),
      ),
    );
  

一统天下 flutter https://github.com/webabcd/flutter_demo
作者 webabcd

Go语言和Dart语言并进，Google要一统软件开发江湖？

日前，Google发布了Flutter前端框架的1.0版本。有同学要问,Flutter是什么东东？Flutter是Google基于Dart语言的一款前端框架，目前可以在Android和iOS平台进行编译运行，其运行效率可以媲美原生应用，这也是区别于JS类跨平台框架，如weex、Taro、React Native等的最大优势，同时，Dart语言最早也是Google发布出来想要改进JS的语言，所以Dart to JS是不成问题的。据悉，Flutter接下来也是要通过编译为JS打通Web端开发的。至此，Flutter不但可以跨主流移动操作系统iOS和Android，还可以通过浏览器和类似PWA的应用，打通主流桌面操作系统Windows、MacOS和Linux。

再联系到，此前的消息，Google已经研发两年多的，最新打算用来取代Android的移动操作系统Fuchsia OS，根本前端就是用Flutter框架写的，如果Fuchsia系统发布，那Flutter和Dart一定是一跃成为首选前端编程语言和框架，只是苦了广大程序员，又有新东西要学了……

在服务器端，近年来，Google的Go语言增长势头迅猛，伴随其媲美C++的效率、极简的服务器并发编程、高效的服务器运行效率和现代化的编程特性和方式，国内外大部分公司都对其进行了应用，用来取代之前的一些接口和服务器应用。其中Docker就是最著名的例子。而Go语言早已突破1.x阶段，正稳步迈向2.0阶段。

至此，我们可以清晰地看到Google的布局和野望，Dart主攻前端和移动端，Go主攻服务器端。前后端通吃，不同于微软的C#和苹果的OC和Swift，Google的布局似乎更加全面，应用和影响也更加广泛。这其实一方面也是拜Oracle所赐，Android之前使用的J2ME一直被Oracle追着告侵权，Google面临巨额赔偿，也正是因为如此，Google才下决心重造包括系统和前后端语言框架。相信随着Google新系统Fuchsia的发布，Google统一前后端开发江湖的野望也会在一定程度上实现，至少，开源的语言和有实力的靠山公司，会比别家实现的好。

来自一位科技爱好者的洞察

Ending