Flutter 零基础入门（四十七）：Flutter 插件与第三方库使用 —— 扩展 App 功能实战

Flutter 插件与第三方库使用 —— 扩展 App 功能实战

到目前为止，你已经掌握了：

• 多页面 App 架构与导航
• 列表刷新与分页、滚动优化
• 表单输入与校验
• 动画、主题、视觉元素

但是，很多 App 的实用功能依赖于 第三方插件：

• 本地存储
• 打开网页 / 打电话 / 短信
• 选择图片或拍照
• 网络请求与缓存

Flutter 生态非常丰富，几乎所有功能都有现成插件。

一、Flutter 插件使用流程

1. 打开 pub.dev 查找插件
2. 在 pubspec.yaml 添加依赖

dependencies:
  shared_preferences: ^2.1.1
  url_launcher: ^6.1.10

1. 执行 flutter pub get 安装
2. 在 Dart 文件中导入使用

import 'package:shared_preferences/shared_preferences.dart';
import 'package:url_launcher/url_launcher.dart';

二、示例 1：本地存储（shared_preferences）

1️⃣ 写入数据

void _saveData() async {
  final prefs = await SharedPreferences.getInstance();
  await prefs.setString('username', 'FlutterUser');
}

2️⃣ 读取数据

void _loadData() async {
  final prefs = await SharedPreferences.getInstance();
  final username = prefs.getString('username') ?? '未保存';
  print('用户名: $username');
}

📌 功能：

• 简单的键值对存储
• 本地数据持久化
• 不需要数据库即可保存偏好设置

三、示例 2：打开网页 / 调用系统功能（url_launcher）

1️⃣ 打开网页

void _launchURL() async {
  final url = Uri.parse('https://flutter.dev');
  if (await canLaunchUrl(url)) {
    await launchUrl(url);
  } else {
    print('无法打开 $url');
  }
}

2️⃣ 打电话 / 发送短信

final tel = Uri(scheme: 'tel', path: '123456789');
final sms = Uri(scheme: 'sms', path: '123456789');

await launchUrl(tel);
await launchUrl(sms);

📌 注意：

• 需要在 AndroidManifest.xml / Info.plist 添加权限
• canLaunchUrl 判断是否可用

四、示例 3：选择图片（image_picker）

import 'package:image_picker/image_picker.dart';

final picker = ImagePicker();

Future<void> _pickImage() async {
  final pickedFile = await picker.pickImage(source: ImageSource.gallery);
  if (pickedFile != null) {
    print('选中图片路径: ${pickedFile.path}');
  }
}

📌 功能：

• 支持拍照或相册选择
• 获取图片路径 / File 对象
• 可进一步上传或显示

五、插件调用总结

📌 使用技巧：

• 先查文档再引入
• 注意 Android / iOS 权限配置
• 异步调用需使用 async / await

六、常见坑

❌ 未执行 flutter pub get → 插件无法使用 ❌ Android / iOS 权限未配置 → 功能失效 ❌ 异步调用未 await → 数据未正确获取 ❌ 插件版本冲突 → 项目无法编译

📌 建议：

• 查官方文档获取最新版本
• 使用 try/catch 捕获异常
• 在真实设备测试系统功能

七、本篇你真正掌握了什么？

你已经学会：

• 查找并安装 Flutter 插件
• shared_preferences 本地存储
• url_launcher 打开网页 / 系统功能
• image_picker 拍照 / 选图
• 异步调用与权限配置

📌 到这里为止：

你的 App 已经可以调用系统功能并扩展丰富功能了 ✅

八、一句话总结

Flutter 插件生态丰富 shared_preferences / url_launcher / image_picker 异步调用 + 权限配置 App 功能快速扩展

🔜 下一篇预告

《Flutter 零基础入门（四十八）：Flutter 综合实战 —— 登录表单 + 列表 + 动画 + 插件》

下一篇我们将：

• 整合前面学过的控件和功能
• 制作一个小型 App
• 使用表单、列表、动画、插件
• 形成完整可运行项目

🚀 让你的 Flutter 学习成果真正落地