Flutter 教程 - 来自相机和图库的图像选择器

包安装和配置设置

首先打开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

猜你喜欢

转载自blog.csdn.net/iCloudEnd/article/details/132046951