• Card image cap

    浮动AppBar中的textField引起的滚动问题处理

    SliverAppBar的floating=true,pinned=false模式中嵌套的TextField,会在获取焦点时触发CustomScrollView滚动到顶部。如何处理这个问题呢?本文将给出答案。
    Flutter 2022-08-15 09:49:18 294 0
  • Card image cap

    Flutter TabBar实现描点滚动绑定

    最近有朋友问到怎么在Flutter实现Tab滚动的效果,Flutter有一套TabBar+TabBarView横向滚动切换的组件,但是这个TabBarView是功能上类似PageView的页面切换组件,效果就是一屏一屏地横向切换,无法做到竖向流式布局。于是整理了下之前的代码,做了个结合TabBar...
    Flutter 2022-08-11 10:24:42 417 0
  • Card image cap

    Flutter3更新概览

    前两天(2022/5/12),谷哥发布了Flutter3.0正式版。有点出乎意料,又在情理之中。因为之前beta一直在更新 2.13版本,不过3.0也确实是基于2.13版本发布的。看了下发布日志,Flutter3.0更新的东西还是蛮多的,比较关心的有以下几点:继windows桌面正式版之后,ma...
    Flutter 2022-05-14 10:56:40 606 0
  • Card image cap

    【Flutter实用组件】自适应宽度的输入框

    Flutter组件的TextField默认宽度为撑满容器,有些场景需要文本靠右,并且使用前缀,如果不限制宽度,前缀会在最左边,文本在最右边,宽度大了间距太开不好看,宽度设置小了,容易填满,文本就滚动到前缀下面隐藏了。经过一翻调试,封装了个组件,实现在文本变...
    Flutter 2022-04-26 09:22:19 941 0
  • Card image cap

    Flutter package设置忽略文件

    9月8号Flutter发布的2.5版本中,内置了Dart2.14(之前的版本Flutter2.2.3内置的是Dart2.12)。在Dart2.14中除了支持lints外,还增加了pub特有的忽略文件设置。之前的版本中,dart发布package时,文件忽略设置同git,但是dart package有一个包大小的限制,最大10...
    Flutter 2021-09-20 11:41:31 11295 0
  • Card image cap

    Flutter嵌入图标字体方法

    Flutter SDK自带的两套字体库,很多情况下不能满足实际项目需求,那么,如何使用自定义的图标字体库嵌入Flutter项目呢?
    Flutter 2021-07-01 05:27:23 11910 0
  • [译文]Flutter: 如何扩展ThemeData

    本文简单分析了ThemeData的扩展需求,并给出了较为有效的解决方案
    Flutter 2021-07-01 06:23:13 12265 0
  • Card image cap

    Dart版zxing库

    年初逛github的时候看到zxing库,多年前曾用过as3版做了个二维码识别的小工具。目前由于web端不再支持flash,也就没用了。刚好最近在flutter上比较痴迷,就想着如果能翻译一套dart包出来,也是不错的。当时试着翻译了一下,还是有不少问题,忙别的事情便搁置...
    Flutter 2021-05-29 03:00:06 12482 0
  • Card image cap

    Flutter 图像处理体系初探

    zxing的核心部分代码已经翻译完成了,下一步需要翻译单元测试的部分,然后做功能测试,如果能通过,zxing的核心部分才算可行。然而刚看了两个文件便困住了,java版的zxing测试包里,大量使用了一个BufferedImage对象,是用于处理图像的,涉及到像素编辑和二进...
    Flutter 2021-05-29 02:59:00 12366 0
  • Card image cap

    Flutter 滚动组件内容更新时自动定位到底端

    问题:在使用Flutter的ListView等滚动组件做历史记录或日志记录时,需要在更新内容后立即定位到内容底部(默认是在顶部的)。寻找解决方案:ListView有一个reverse属性,如果把内容倒置,倒是可以总显示新内容。但问题是内容少的时候,是直接靠底部显示的,这样...
    Flutter 2021-05-06 10:56:26 13115 0
  • Flutter项目国际化配置

    Flutter国际化配置备忘Flutter国际化是为Flutter项目添加多语言支持,有两种方法,一种是官网提供的步骤  Flutter 应用里的国际化还有一种是开发工具的插件Flutter Intl ,提供的有Android studio(以下简称as)和VSCode的插件使用插件的方式步骤简单一点,配...
    Flutter 2021-05-04 12:27:56 12418 0
  • Card image cap

    Flutter心得 -- 从JavaScript的回调到Dart的Future

    最近由于其它项目紧急,Flutter的摸索断断续续,并没有实质性的进展。今天抽空要将之前js的一些逻辑改到dart中,发现一个纠结的问题:JavaScript的回调函数怎么优雅地转到Dart ?
    Flutter 2019-11-09 07:01:09 14862 0