关于flutter控制控件动态显隐的信息

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

25.Flutter的ListView监听滚动事件之ScrollController

1、在Flutter中监听滚动相关的内容由两部分组成：ScrollController和ScrollNotification。

2、Flutter 中可以使用 Listener widget 来监听原始触摸事件，它也是一个功能性 widget。Listener 的常见属性用法如下：加载更多需要对 ListView 进行监听，所以需要进行监听器的设置，在 State 中进行监听器的初始化。

3、用于记录解决NestedScrollView与ListView共用时当ListView滑动时，NestedScrollView不跟着滑动的问题。

4、里面嵌套listView 或者listview里面嵌套listview的时候就容易出现 hasSize的错误解决方法一：listview 外面添加一个container，并且给定一个指定的高度。

5、若外部没有设置高度，则会产生此报错。解决放案：为ListView、GridView设置属性 shrinkWrap： true，刷新后，报错消失，但是发现其只可内部滚动。至此，需求达成。

Q1: Flutter中InheritedWidget的使用

1、自定义 InheritedWidget 控件类创建一个类继承 InheritedWidget，并实现 updateShouldNotify 方法。

2、背景：flutter组件嵌套都很深，依次传递数据很麻烦，所以最好是能够跨组件传递。有三张跨组件的方式：InheritedWidget、Notification、Eventbus.是一种自上而下的传递数据的方式。

3、在flutter中使用notifacation，目前可以使用官方的插件 Flutter Local Notifications Plugin 来实现。在pubspec.yaml中添加使用该插件的思路大致为：在android中设置权限管理——引入依赖——初始化。

4、第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。

5、设计语言，例如 Material，定义了在路线(或屏幕)之间转换时的标准行为。不过，有时候，自定义屏幕之间的转换可以使应用程序更加独特。在本教程中，我们将使用包页面 page_animation_transition 来简化在页面上添加转换。

6、shrinkWrap 常用于内容大小不确定情况，如果滚动视图( ListView/GridView/ScrollView 等)没有收缩包装，则滚动视图将扩展到允许的最大大小。

Q2: Flutter面试:渲染原理

1、支持垮平台：flutter基于图像回执引擎进行渲染，在不同平台下绘制效果绝对是一致的，能做到真正的跨平台，一处写，处处运行。性能优异性：不同于H5通过DOM渲染和RN映射组件，flutter直接基于native进行绘制。

2、当测试在执行断言的过程：根据需要，可以继承 LocalFileComparator 并复写的 compare 和 update 方法得到你想要的对比器，并通过 flutter_test_config.dart 指定对比器。

3、渲染引擎依靠跨平台的Skia图形库来实现，依赖系统的只有图形绘制相关的接口，可以在最大程度上保证不同平台、不同设备的体验一致性，逻辑处理使用支持AOT的Dart语言，执行效率也比JavaScript高得多。

4、如Flutter SDK中正是通过InheritedWidget来共享应用主题(Theme)和Locale (当前语言环境)信息的。 InheritedWidget和React中的context功能类似，和逐级传递数据相比，它们能实现组件跨级传递数据。

Q3: Flutter性能优化

直接在 build 里调用肯定可以，虽然 build 会被比较频繁执行，但是 of(context) 操作其实就是在一个 map 里通过 key - value 获取泛型对象，所以对性能不会有太大的影响。

Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

性能优异性：不同于H5通过DOM渲染和RN映射组件，flutter直接基于native进行绘制。性能上完全超过原生。Dart语法编译：Dart是一种强类型、跨平台的客户端开发语言。

这四步，对应的过程如上图所以，我们可以针对性的做性能优化。优缺点分析下面，我们进行H5的优缺点分析：优点缺点虽然H5目前还存在不足，但随着PWA、WebAssembly等技术的进步，相信H5在未来能够得到越来也好的发展。

Q4: Android原生和Flutter使用过程的差异对比(二)

界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

flutter将会帮你更容易，更快速的开发出界面美观的移动应用。是谷歌的亲儿子支持热重载：android原生开发会遇到编译-打包-安装三个步骤。开发效率迟迟得不到提升。热重载技术在flutter内完美体现。

Flutter 有一个重要差异是文件系统路径不同，这是因为Dart VM 是运行在 PC 或服务器操作系统下，而 Flutter 是运行在移动操作系统中，他们的文件系统会有一些差异。

关于flutter控制控件动态显隐和的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。