包安装和配置设置
首先打开pubspec.yaml文件并添加包image_picker: ^0.8.3。这个包将为我们提供访问图库和相机的方法。
现在,安装包后,我们需要对iOS和Android配置文件进行一些更改。在本文中,我使用 iOS 模拟器。
将以下键添加到您的Info.plist文件中,位于/ios/Runner/Info.plist:
NSPhotoLibraryUsageDescription- 描述为什么您的应用程序需要照片库的权限。这在可视化编辑器中称为“隐私 - 照片库使用说明” 。
NSCameraUsageDescription- 描述为什么您的应用程序需要访问相机。这在可视化编辑器中称为“隐私 - 相机使用说明” 。
用户界面和编码
现在,我们的依赖项和配置都已设置,让我们跳到编码部分。
首先,对于这个演示,我将只创建两个基本按钮,一个用于图库,另一个用于相机。复制并粘贴以下代码。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Image Picker Example"),
),
body: Center(
child: Column(
children: [
MaterialButton(
color: Colors.blue,
child: const Text(
"Pick Image from Gallery",
s