如何在dartpad.dev中使用Motion库并解决导入失败问题？

核心原因 #

DartPad仅支持导入pub.dev公开、且适配Web/跨平台的Flutter包，且必须手动添加依赖，仅写import语句无法自动拉取包资源。

具体解决步骤 #

• 第一步：确认目标包的可用性
  先核实你使用的motion包是否在pub.dev上存在，且支持Web环境。部分动画包仅适配移动端，这类包无法在DartPad（默认Web运行环境）中使用。
• 第二步：正确添加依赖到DartPad
  如果包符合要求，点击DartPad右上角的「Packages」按钮，在搜索框输入包名（比如motion），找到对应包后点击「Add」，系统会自动处理依赖导入，此时再使用import 'package:motion/motion.dart';就能正常生效。
• 第三步：替代方案（若包不支持DartPad）
  • 用Flutter原生动画API实现：比如AnimationController、AnimatedContainer、AnimatedBuilder等，原生API无需额外依赖，完全适配DartPad。
  • 换用DartPad支持的动画包：比如flutter_animate，这类包易用性强且兼容Web环境，同样通过DartPad的「Packages」按钮添加即可。
  • 本地开发：若必须使用motion库，可在本地搭建Flutter开发环境，在项目的pubspec.yaml中添加依赖：

    dependencies:
      motion: ^x.x.x # 替换为最新版本号
    

    执行flutter pub get后即可正常导入使用。

内容的提问来源于stack exchange，提问作者Shubham Mishra