flutter导航栏动画，flutter底部自定义导航栏

Flutter-PositionedTransition位置变化动画

1、） PositionedTransition 是AnimatedWidget的子类，跟AnimatedBuilder一样。主要是为了在使用动画的过程中减少不必要的Widget对象的创建工作，提高效率。

2、大家好，在这篇文章中，我们将学习如何添加动画，同时从一个页面到其他在 Flutter。我们将覆盖不同类型的动画和实现基本动画 Flutter 使用包页动画过渡。

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

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

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

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

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

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

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

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

flutter加载h5很卡

一开始我就使用Future、async、await去做异步操作，以为这样能解决问题，经过一天研究发现他们都还在同一个线程里面，也就是UI线程，导致卡顿，这明显不是我们想要的异步加载数据。

第一步：终端：open $HOME/.bash_profile 第二步：关闭，终端：source $HOME/.bash_profile 接着输入：open ~/.zshrc 这样就不用每次重新export路径了，然后重启电脑用Android studio create flutter项目时就可以通过了。

那么App内加载H5的过程是什么样的呢？App打开H5过程 打开H5分为4个阶段：这四步，对应的过程如上图所以，我们可以针对性的做性能优化。

Flutter 开发非常依赖各种官方或第三方的插件，而在使用这些插件时多少都会遇到一些问题，大部分问题都可以通过搜索和查找 issue 来解决。这里记录下一些我在使用部分插件时遇到的问题及其解决方法。

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

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

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

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

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

3、Flutter中ThemeData与AppBar

iconTheme ：设置appbar icon的颜色，appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色，这里可以在iconTheme中指定icon的颜色。

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

默认的appbar下方会自带一个阴影效果。要去掉这个阴影的话需要在appbar中设置：核心的思想就是在column中使用expend包裹一次然后child使用listView，这样的话输入框被聚焦的时候键盘就会把页面顶上去。

很早在做Demo的时候就想改变下CheckBox的未选中状态的颜色，但是多是设置全局 ThemeData.unselectedWidgetColor 的颜色来设置。不过可以想到的就是一个App中如果有不同颜色的变态需求的话...。

Flutter生命周期

1、生命周期是一个从创建到销毁的过程，Flutter生命周期分为两部分： Widget的生命周期 APP的生命周期 StatelessWidget 对于StatelessWidget来说，生命周期只有build过程。

2、State的生命周期有四种状态：完整生命周期如下：当控件的配置被更改时会调用State.didUpdateWidget方法，此时框架会重新绘制控件。

3、FlutterActivity类在io.flutter.app包， (区别io.flutter.embedding.android包)， 组件生命周期委托给FlutterActivityDelegate类。组件启动，onCreate方法。

4、上面代码里的 mounted 标识位来自于 State ， 因为 State 是依附于 Element 创建，所以它可以感知 Element 的生命周期 ，例如 mounted 就是判断 _element ！= null； 。

flutter导航栏动画的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter底部自定义导航栏、flutter导航栏动画的信息别忘了在本站进行查找喔。