Flutter badge
问题： 如何显示通知数字在BottomNavigationBar？ 解决方法： 使用 Stack 叠加： new BottomNavigationBarItem( title: new Text('Home'), icon: new Stack( children: <Widget&……
Unable to locate Android SDK
问题： flutter doctor 提示 Unable to locate Android SDK 解决方法： 在 terminal 配置 SDK 的路径： flutter config --android-sdk /path/to/android/sdk 同时要确保环境变量 Path 正确： export PATH=$PATH:/usr/local/op……
Flutter 心跳动画
问题： Flutter 如何实现一个心跳动画？ 如 GIF 所示： 解决方法： 可以使用 CustomPainter 或者 SpriteWidget. import 'dart:math'; import 'package:flutter/material.dart'; class SpritePainter extends Cu……
Flutter 中的 Color 和 const Color
问题： Flutter 中使用颜色值的时候，官方的很多写法是const Color(0xFF3366FF), 这样和直接使用Color(0xFF3366FF) 有什么区别勒？ 解释： 查看 Flutter 的 Color 源码可以发现： class Color{ /// Construct a color from the lower 32 bits……
Flutter int to string
问题： Flutter 中如何讲 int 转化为 String ? 解决方法： 使用 toString 或者 toRadixString int intValue = 1; String stringValue = intValue.toString(); String hexValue = intValue.toRadixString(16……
Flutter 大写第一个字母
问题： 如何大写字符串的第一个字母而不影响其他字母？ 解决方法： dart 2.6 版本以后，你可以使用 extensions 来非常方便的实现： extension StringExtension on String { String capitalize() { return "${this[0].toUpperCase()}${……
Flutter 自定义按钮形状
问题： Flutter 中的按钮如何自定义形状勒？ 例如我想要一个三角形的按钮 解决方法： 使用CustomPainter 来实现： class TrianglePainter extends CustomPainter { final Color strokeColor; final PaintingStyle paintingStyle; ……
Flutter 弧度渐变色
问题： Flutter 中如何绘制渐变色？ 解决方法： 使用 CustomPainter 来实现，例子如下： import 'dart:math' as math; import 'package:flutter/material.dart'; class GradientArcPainterDemo extends Statefu……
Flutter camera 拉伸
问题： 在预览相机画面的时候，画面被拉升变形了，如何处理？ 解决方法： 统一设备的缩放和相机预览的缩放。 final size = MediaQuery.of(context).size; final deviceRatio = size.width / size.height; return Transform.scale( scale: co……
Flutter raw image
问题： Flutter 中如何创建 raw image ? 解决方法： 你可以使用 RenderRepaintBoundry 或者 OffsetLayer 或者 Scene. 它们都有toImage.方法。 Future<void> _capturePng() async { RenderRepaintBoundary bounda……