Flutter文件路径管理插件lecle_flutter_absolute_path的使用

Flutter文件路径管理插件lecle_flutter_absolute_path的使用

lecle_flutter_absolute_path 是一个用于在Android和iOS设备上获取文件绝对路径的Flutter插件。

Android

在您的 AndroidManifest.xml 文件中添加以下权限:

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

iOS

在您的 Info.plist 文件中添加以下键值对:

<key>NSPhotoLibraryUsageDescription</key>
<string>请允许访问相册以获取文件路径</string>

如何使用

  1. 导入 lecle_flutter_absolute_path 包。在 pubspec.yaml 文件的 dependencies 部分添加以下内容,并运行 flutter pub get 命令:
dependencies:
  flutter:
    sdk: flutter
  lecle_flutter_absolute_path: <latest version>
  1. 在您的 Dart 文件中导入包:
import 'package:lecle_flutter_absolute_path/lecle_flutter_absolute_path.dart';

示例

默认使用方式

String? filePath = await LecleFlutterAbsolutePath.getAbsolutePath(uri: 'your_file_uri');

使用 image_picker 获取图片并获取其绝对路径

final filePath = await LecleFlutterAbsolutePath.getAbsolutePath(uri: asset.path);

使用 wechat_assets_picker 获取图片并获取其绝对路径

AssetPicker.pickAssets(context).then((assets) async {
  if (assets != null && assets.isNotEmpty) {
    for (var asset in assets) {
      final file = await asset.file;
      if (file != null) {
        final filePath = await LecleFlutterAbsolutePath.getAbsolutePath(uri: file.path);
        print('Absolute file path ::: $filePath');
      }
    }
  }
});

完整示例代码

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:lecle_flutter_absolute_path/lecle_flutter_absolute_path.dart';
// import 'package:wechat_assets_picker/wechat_assets_picker.dart';

void main() {
  runApp(const LecleFlutterAbsolutePathDemo());
}

class LecleFlutterAbsolutePathDemo extends StatefulWidget {
  const LecleFlutterAbsolutePathDemo({Key? key}) : super(key: key);

  [@override](/user/override)
  State<LecleFlutterAbsolutePathDemo> createState() => _LecleFlutterAbsolutePathDemoState();
}

class _LecleFlutterAbsolutePathDemoState extends State<LecleFlutterAbsolutePathDemo> {
  List<String> _absolutePaths = [];

  // 获取图片,这是一个异步操作,因此我们在异步方法中初始化。
  Future<void> getImages() async {
    List<String> absolutePaths = [];
    
    // 从相册选择图片,可能会失败,因此我们使用 if 来检查是否获取到资产数据。
    // 我们还处理了消息可能返回 null 的情况。
    List<XFile>? assets = await selectImagesFromGallery();
    if (assets != null) {
      for (var asset in assets) {
        final filePath = await LecleFlutterAbsolutePath.getAbsolutePath(uri: asset.path);
        if (filePath != null) {
          absolutePaths.add(filePath);
        }
      }
    }

    // 如果在异步平台消息飞行时小部件已从树中移除,则我们应该丢弃回复而不是调用
    // setState 更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _absolutePaths = List.from(absolutePaths);
    });
  }

  Future<List<XFile>?> selectImagesFromGallery() async {
    ImagePicker picker = ImagePicker();

    return await picker.pickMultiImage();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              const Padding(
                child: Text('绝对路径'),
                padding: EdgeInsets.only(bottom: 16.0),
              ),
              ...List.generate(
                _absolutePaths.length,
                (index) => Padding(
                  padding: const EdgeInsets.only(bottom: 16.0),
                  child: Text(_absolutePaths[index], textAlign: TextAlign.center),
                ),
              ),
              ElevatedButton(
                onPressed: () {
                  LecleFlutterAbsolutePath.getAbsolutePath(uri: 'your_file_uri')
                      .then((path) {
                    print('解析后的路径 ::: $path');
                  });
                },
                child: const Text('获取文件绝对路径'),
              ),
              ElevatedButton(
                onPressed: () {
                  getImages();
                },
                child: const Text('获取图片'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

更多关于Flutter文件路径管理插件lecle_flutter_absolute_path的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter文件路径管理插件lecle_flutter_absolute_path的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,以下是一个关于如何使用 lecle_flutter_absolute_path 插件的示例代码。这个插件允许你获取文件在设备上的绝对路径。以下是一个基本的 Flutter 应用示例,展示了如何使用该插件。

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加该插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  lecle_flutter_absolute_path: ^最新版本号 # 请替换为最新版本号

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入该插件:

import 'package:lecle_flutter_absolute_path/lecle_flutter_absolute_path.dart';

3. 使用插件

以下是一个完整的示例,展示如何使用 lecle_flutter_absolute_path 插件来获取文件路径:

import 'package:flutter/material.dart';
import 'package:lecle_flutter_absolute_path/lecle_flutter_absolute_path.dart';
import 'dart:io';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Absolute Path Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String? _absolutePath;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Absolute Path Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Tap the button to get the absolute path',
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _getAbsolutePath,
              child: Text('Get Absolute Path'),
            ),
            SizedBox(height: 20),
            if (_absolutePath != null)
              Text(
                'Absolute Path: $_absolutePath',
                style: TextStyle(fontSize: 18),
              ),
          ],
        ),
      ),
    );
  }

  Future<void> _getAbsolutePath() async {
    // 创建一个临时文件
    File tempFile = File('${(await getTemporaryDirectory()).path}/temp_file.txt');
    await tempFile.create(recursive: true);

    // 使用插件获取绝对路径
    String? absolutePath = await LecleFlutterAbsolutePath.getAbsolutePath(tempFile.path);

    // 更新状态
    setState(() {
      _absolutePath = absolutePath;
    });
  }
}

解释

  1. 依赖添加:在 pubspec.yaml 中添加 lecle_flutter_absolute_path 依赖。
  2. 导入插件:在 Dart 文件中导入插件。
  3. 创建文件:在按钮点击事件中创建一个临时文件。
  4. 获取绝对路径:使用 LecleFlutterAbsolutePath.getAbsolutePath 方法获取文件的绝对路径。
  5. 更新UI:使用 setState 方法更新 UI,显示获取到的绝对路径。

注意

  • 插件的具体用法可能会随着版本更新而变化,请参考官方文档或插件的 GitHub 仓库获取最新信息。
  • 示例中使用了临时文件,你可以根据需要替换为其他文件路径。

希望这个示例对你有帮助!

回到顶部