flutter滚动原理 flutter 滑块

Flutter面试:渲染原理

1、解压后，将 flutter\bin 的全路径添加到环境变量 PATH 中。 安装开发工具 理论上，任何文本编辑器都可以用来开发 Flutter 应用，但推荐的开发工具是 Android Studio、IntelliJ 以及 VS Code。

2、没有桥接层 React Native、Weex等技术都是跨终端的框架，然而性能跟原生App存在很大差距。

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

4、可以继承 LocalFileComparator 并复写的 compare 和 update 方法得到你想要的对比器，并通过 flutter_test_config.dart 指定对比器。了解Flutter Golden File Test的原理，可以帮组我们更好的去思考什么时候需要使用它。

5、计算两点距离 异步并发示例 使用了Isolate 面向对象 对于面向对象这个概念，相信了解Java的同学对这个概念一定不会陌生。例如：我们有个Person Object他有很多特征和行为。这些都是这个Person Object的属性。

一文解决Flutter中使用TextField遇到的各种疑难杂症

1、一种是使用系统的返回键，比如 android 底部导航自带的返回，另一种是使用导航栏自定义的返回键 第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。

2、对于金额等的输入，常常要求TextField限制输入为小数，可使用以下约束：但这种限制会有问题，比如可以输入 0.1 这种其实就不是小数了，并且不能限制小数点的输入位数。

3、GestureDetector的 behavior 有三个类型 默认是deferToChild，只有当children可以接收点击事件才能响应点击。

4、TextField样式自带下划线背景，在decoration中设置border： InputBorder.none即可去掉。

flutter吸顶滑动方式

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

实现页面滑动需要用到SingleChildScrollView组件，SingleChildScrollView和Android中ScrollView类似 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。

然鹅，因为flutter不支持反射，子布局传递的position我们拿不到，nestedScrollController我们也不能直接拿到=。

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

要实现上图的界面，直接想到是ListView添加Header。

shrinkWrap 常用于内容大小不确定情况，如果滚动视图（ ListView/GridView/ScrollView 等）没有收缩包装，则滚动视图将扩展到允许的最大大小。如果是无界约束，则 shrinkWrap 必须为 true 。

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

GridView可以构建一个二维网格列表 默认构造函数如下：我们可以看到，GridView和ListView的大多数参数都是相同的，它们的含义也都相同的。

ListView、GridView的组件控制器是ScrollController，我们可以通过它来获取视图的滚动信息，并且可以调用里面的方法来更新视图的滚动位置。