flutter

flutter-api

# 1. InkWell 和 GestureDetector

# 1.1. 1.1 视觉反馈

  • 1.1.1 InkWell:点击时会显示水波纹效果(Ink Splash),这是 Material Design 的标准交互反馈。
  • 1.1.2 GestureDetector:无默认视觉反馈,需手动添加(如 Opacity 或 AnimatedContainer)。

# 1.2. 1.2 父组件要求

  • 1.2.1 InkWell:必须位于 Material 组件(如 MaterialApp、Scaffold)内,否则水波纹不显示。
  • 1.2.2 GestureDetector:无父组件限制。

# 1.3. 1.3 支持的手势类型

// InkWell:主要支持基础点击事件:
InkWell(
  onTap: () {},         // 点击
  onDoubleTap: () {},   // 双击
  onLongPress: () {},   // 长按
  // 其他:onTapDown、onTapCancel 等
)

//GestureDetector:支持更丰富的手势,包括滑动、缩放等:
GestureDetector(
  onTap: () {},                // 点击
  onLongPress: () {},          // 长按
  onPanUpdate: (details) {},   // 拖动
  onScaleUpdate: (details) {}, // 缩放
  // 其他:onVerticalDragUpdate、onHorizontalDragEnd 等
)

# 2. app 图标配置

# 2.1. 安装插件

flutter pub add -d flutter_launcher_icons

# 2.2. 配置文件

# pubspec.yaml的根节点新增:flutter_launcher_icons 配置
flutter_launcher_icons:
  android: "launcher_icon" # Android图标名称(最终生成 ic_launcher.png)
  ios: true # 开启iOS图标生成
  image_path: "assets/images/app_icon.png" # 你的原图路径(提前把app_icon.png放到该目录)
  adaptive_icon_background: "#FFFFFF" # Android自适应图标背景色(透明背景可填 "#00000000")
  adaptive_icon_foreground: "assets/images/app_icon.png" # Android自适应图标前景(核心图标)

# 2.3. 生成图标文件

flutter pub run flutter_launcher_icons:main
上次更新: