flutter滑动appbar缩放，flutter 拖动

Flutter:手把手教你使用滚动型列表组件:ListView

ListTile 通常用于在 Flutter 中填充 ListView。在这篇文章中，我将用可视化的例子来说明所有的参数。

SliverGridDelegate 是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。

Flutter Widget树中子Widget可以通过发送通知（Notification）与父(包括祖先)Widget通信。

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

ScrollController 在Flutter中，Widget并不是最终渲染到屏幕上的元素（真正渲染的是RenderObject），因此通常这种监听事件以及相关的信息并不能直接从Widget中获取，而是必须通过对应的Widget的Controller来实现。

错误1：Vertical viewport was given unbounded height.设置 shrinkWrap = true ListView 或 GridView 时发现有两个属性。

相关问答

Q1: 3、Flutter中ThemeData与AppBar

根据字面意思就能看出来是对状态懒得设置，其中用到了 dart：io 与 flutter/services.dart 这两个重点Mark一下，有时间深入探究一下用法跟能力。回归正题。

这里的ThemeData即为控制App的主题，primarySwatch设置即可控制主题的各类颜色，但是这里的颜色是需要MaterialColor，但是纯色种的黑色和白色不是MaterialColor。所以不能设置primarySwatch为Colors.white。

SliverAppBar 控件，一个 MD 的 AppBar 。属性和 AppBar 类似，但做的效果比 AppBar 更加强大。相同的属性具体可以看 Flutter 之 Scaffold 控件 ， 里面有 AppBar 控件的介绍。

ScrollView 是一个带有滚动的视图组件。ScrollView 由三部分组成：ScrollView 有以下常用属性：注：ScrollView 是一个抽象类，通常使用 CustomScrollView。SliverAppBar 可以实现背景，标题，顶部导航栏联动，渐隐渐出动画。

iOS默认的TextField弹出的键盘是暗黑色的。

Q2: flutter吸顶滑动方式

1、做过安卓的知道，安卓里CoordinatorLayout+ AppBarLayout控件再加app：layout_behavior=@string/appbar_scrolling_view_behavior属性可以做到这个效果。

2、Flutter Widget树中子Widget可以通过发送通知（Notification）与父(包括祖先)Widget通信。

3、在_handleScrollNotification方法中，我们可以看到会有很多ScrollNotification进来，不同的，当你滑动在一个不能滚动的list里面的时候，获取的viewportDimension是为0.。这会覆盖掉之前有viewportDimension的值。

4、注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。

Q3: Flutter性能优化

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

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

逻辑处理使用支持AOT的Dart语言，执行效率也比JavaScript高得多。

为帮助大家学习Flutter这个全新的跨平台技术、掌握其背后的框架原理和底层设计思想，建立起属于自己的知识体系，这里特意联合谷歌技术团队共同整理了一份Flutter全家桶学习资料。

一个Demo，3个动画的CPU使用率达到了80%，如果用java or kotlin 去实现应该不会有那么高的占有率，所以Flutter的还需要继续的优化。

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

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

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

2、常用布局的对比 使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。

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

4、使用dart语言进行开发，支持跨平台，weight渲染直接操作硬件层，体验可媲美原生。但是flutter技术比较新，生态还不完善，开发起来效率相对偏低。

5、步骤：创建一个EventChannel对象，传入EventChannel名称。flutter端调用receiveBroadcastStream进行广播消息注册，传入arguments参数即为广播名称，此参数是告诉native端你要接受的广播类型，判别是什么广播发送的数据。

6、结论：兼容性 WKWebView = flutter_webview UIWebView UIWebView ： 速度相比较 WKWebView 稍快一点，但是内存是一大硬伤，所以只要条件允许，就不推荐使用了 WKWebView ： 速度略慢一点，不过差别不大，总体可以接受。

flutter滑动appbar缩放的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter 拖动、flutter滑动appbar缩放的信息别忘了在本站进行查找喔。