flutter滚回顶部 flutter 滚动布局

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

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

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

3、也就是Widget会被重建，重建时原有的状态不会自动恢复，里面的文字自然就消失了，解决方法是把flutterlistviewitem封装成一个StatefulWidget，然后用AutomaticKeepAliveClientMixin来保证TextField不会被回收。

4、常用的基础控件有 Text、TextField、Button、Image 等。 功能控件 在Flutter 里还有一类控件，它们不影响 UI 布局，但带有一些特定的功能，比如页面跳转、事件监听、定义主题等。我们把这一类控件称作功能控件。

5、行。fluttertextfield里minLines代表最少多少行，默认为null，maxLines代表最多多少行，逻辑行实际默认为1行，这也是为什么要将maxLines特意设置为空的原因了。

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

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

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

设置 shrinkWrap = true ListView 或 GridView 时发现有两个属性。

那么使用 SingleChildScrollView 将会非常昂贵（性能差），此时应该使用一些支持Sliver延迟加载的可滚动组件，如 ListView 。

思路：我们直接通过listview.builder是没办法自定义SliverChildBuilderDelegate，我们可以通过listview.custom来自定义SliverChildBuilderDelegate，通过自定义我们可以重写didFinishLayout方法，拿到里面缓存的第一个item和最后一个item。

如同iOS原生ListView的删除风格，列表项左滑，右侧出现删除按钮。这里用了2个dart文件，实现这个功能。（1） left_slide_actions.dart文件。（2）main.dart文件。

Flutter点击返回键,回到桌面,但不退出APP的实现

正常情况下是不会有什么问题，但是当用户在点击了 FloatingActionButton 之后，又马上点击了 AppBar 返回退出应用，这时候就会出现以下的错误提示。

我觉得如果想要实现退出app之后再进入app中来保持登录的状态的话，就必须要不断地保持自己的联网。

还记不记得，在 Flutter 项目创建之后，是自带一个计数器 demo 的，现在我们用自己的代码实现一遍。代码修改成如下： 运行之后，就可以看到这样的界面了： 按钮每点击一次，数字就会加一。

桌面应用、Web应用等多平台应用程序。Flutter的特点是具有高效的渲染性能、丰富的组件库、灵活的布局模式以及热重载等优秀的开发体验。通过使用Flutter开发抖音App，可以实现快速的开发和迭代，并且保证应用程序的性能和稳定性。