Flutter分布式文件系统交互插件flutter_ipfs的使用

特性

• 从设备中选择并上传图片到IPFS
• 从设备中选择并上传视频到IPFS
• 从设备中选择并上传文件到IPFS

开始使用

在开始使用本插件之前，请确保你已经安装了必要的依赖项。

安装

在你的 pubspec.yaml 文件的 dependencies: 部分添加以下行：

dependencies:
  flutter_ipfs: <最新版本>

在你的 android/build.gradle 文件中更新 ext.kotlin_version 到最新版本（例如 1.6.10）：

buildscript {
    ext.kotlin_version = '1.6.10'  // 更新 Kotlin 版本到最新
}

在你的 app/build.gradle 文件中更新 compileSdkVersion, minSdkVersion 和 targetSdkVersion：

android {
    compileSdkVersion 31  // 更新编译SDK版本

    defaultConfig {
        // 指定唯一的应用ID（https://developer.android.com/studio/build/application-id）
        minSdkVersion 24       // 更新最小SDK版本
        targetSdkVersion 31    // 更新目标SDK版本
    }
}

在你的 app/src/main/AndroidManifest.xml 文件中添加所需的权限：

<manifest ... >
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.FLASHLIGHT" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<application ...>
</manifest>

使用示例

以下是一个完整的示例，展示了如何使用 flutter_ipfs 插件来上传图片、视频和文件。

import 'package:flutter/material.dart';
import 'package:flutter_ipfs/src/service/image_picker.dart';
import 'package:flutter_ipfs/src/service/video_picker.dart';
import 'package:flutter_ipfs/src/service/file_picker.dart';

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 1,
        centerTitle: true,
        title: const Text(
          'Flutter Ipfs',
          style: TextStyle(
            letterSpacing: 1.2,
            color: Colors.black,
            fontSize: 19,
            fontWeight: FontWeight.w600,
          ),
        ),
      ),
      body: Container(
        padding: const EdgeInsets.symmetric(horizontal: 25),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Center(
              child: RaisedButton(
                onPressed: () => ImagePickerService.pickImage(context),
                color: Colors.black,
                textColor: Colors.white,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(25),
                ),
                child: const SizedBox(
                  height: 50,
                  child: Center(
                    child: Text(
                      'Upload Image',
                      style: TextStyle(fontSize: 18, fontFamily: 'Brand-Bold'),
                    ),
                  ),
                ),
              ),
            ),
            const SizedBox(height: 20),
            Center(
              child: RaisedButton(
                onPressed: () => VideoPickerService.pickVideo(context),
                color: Colors.black,
                textColor: Colors.white,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(25),
                ),
                child: const SizedBox(
                  height: 50,
                  child: Center(
                    child: Text(
                      'Upload Video',
                      style: TextStyle(fontSize: 18, fontFamily: 'Brand-Bold'),
                    ),
                  ),
                ),
              ),
            ),
            const SizedBox(height: 20),
            Center(
              child: RaisedButton(
                onPressed: () => FilePickerService.pickFile(context),
                color: Colors.black,
                textColor: Colors.white,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(25),
                ),
                child: const SizedBox(
                  height: 50,
                  child: Center(
                    child: Text(
                      'Upload File',
                      style: TextStyle(fontSize: 18, fontFamily: 'Brand-Bold'),
                    ),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}