#Flutter

这个主题下的全部文章。

  2. 🦋 Flutter Web 解决中文乱码

    现象 在 Flutter Web 开发中，笔者注意到一个现象：如果有中文文字，会先显示乱码，需要过一会才能正确展示，英文文字通常没有这个问题。 乱码如图所示： 在 Flutter Web 中有三种渲染模式： auto 、 html 和 canvaskit 。点击运行按钮（运行 flutter build web 命令）时，选择的渲染模式是 auto，它在移动端使用 html 渲染，在 PC 端使用…

  3. 🦋 AS 中生成 Flutter 模板代码的技巧

    在开发 Flutter 时，常常需要创建新的页面或新的 Widget，每次都重新手写总是很麻烦，这篇文章介绍一些减少手写样板代码的方式。 笔者使用的是 Android Studio，所以这里的技巧都是在 AS 中使用的。 快捷输入 Android Studio 的 Flutter 插件提供了一些在代码编辑区域的快捷输入，根据这些输入可以快速生成模板代码。最常用的快捷输入是 stless 和 stf…

  4. ❤️ Flutter 制作爱心小动画并部署 Github Page

    前言 又到了一年一度的 520，大家都有没有被虐狗呢？赶紧学会下面这个小动画，去赢取女神的芳心吧。 动画效果展示如下： 这个动画的效果和实现思路主要来自 B 站上的这个视频， 【Bilibili】【HTML+CSS】8分钟实现砰砰的爱心动画，快学起来送给喜欢的人吧！ 我使用 Flutter 来复刻了一下。 爱心动画 我们来分析一下这个效果： 有 9 个竖直放置的圆角矩形，颜色是对称的，并且排列出一…

  5. 🥳 边学边玩，Flutter 制作 2048 游戏

    前言 最近在学习 Flutter 的一些知识，想着独立写一个小示例来运用一下所学的东西，所以就有了这个Flutter 版本 2048 小游戏的项目。完整代码请戳 Github 。 2048 小游戏曾经也是风靡一时，应该很多人都玩过，不过我们还是简单说一下这个游戏的机制，这里有个网页版的 2048 ，大家可以实际体验一下。一般来说，它是一个 4 * 4 的棋盘，共有 16 个小块，每个小块中，要么是…

  6. 🦋 Flutter Nil 库使用

    背景 在 Flutter 构建 UI 界面时，常常需要使用条件判断，比如某个条件不符合时，不展示某个 Widget，这时往往不能返回一个 null ，而必须要有个 Widget 实例，通常我们会返回一个 SizedBox ，但 SizedBox 还是会创建 RenderObject，即使它没有绘制任何东西，还是会造成一些绘制上的损耗。 这个时候可以使用 Nil 库来代替，Nil 是个 Widget…

  7. 🦋 Flutter Plugin shared_preferences 使用

    在 Flutter 中如果想保存一些简单的数据，我们需要使用 shared_preferences 插件，它可以用来持久化 key-value 格式的数据。 shared_preferences 插件在 Android 上使用 SharedPreferences，iOS 上使用 NSUserDefaults，数据会异步地存到设备磁盘中。 使用方式 在 pubspec.yaml 中添加 shared…

Enter your search text in the box above

Select a result to preview