flutter - 如何从设备获取或选择本地 GIF 文件

标签 flutter dart flutter-animation flutter-image flutter-video-player

我对pick-only GIF文件做了大量的研发,所有给出的结果都只显示或显示GIF文件,但 我只想从本地设备中选择 GIF 文件,例如图像或视频。

最佳答案

你可以使用file_picker打包并将allowedExtensions设置为gif

allowedExtensions: ['gif']

这是一个例子:

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:file_picker/file_picker.dart';

void main() {
  runApp(MaterialApp(
    home: MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  var _selectedFile;
  String customAppLogoName;
  _openFileManager() async {
    FilePickerResult result = await FilePicker.platform.pickFiles(
      type: FileType.custom,
      allowedExtensions: ['gif'],
    );
    if (result != null) {
      PlatformFile selectedFile = result.files.first;
      setState(() {
        _selectedFile = File(selectedFile.path);
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: Text("File Picker"),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          _openFileManager();
        },
        child: Icon(Icons.image),
      ),
      body: Center(
        child: Container(
          child: _selectedFile == null
              ? Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Icon(
                      Icons.broken_image,
                      size: 100,
                    ),
                    Text('no image'),
                  ],
                )
              : Image(
                  image: FileImage(_selectedFile),
                ),
        ),
      ),
    );
  }
}

结果:

enter image description here

关于flutter - 如何从设备获取或选择本地 GIF 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67173576/

相关文章:

flutter - 为什么 flutter 分析与 Dart 分析不同?

javascript - 当 pub.dev 插件没有 web 支持时,使用 npm packages for flutter web

dart - webdev 为 .js.map 文件提供丢失的输出

flutter |我如何记录用户在我的应用程序中花费的时间?

flutter - 在灵活空间中使用重叠内容滚动应用栏

flutter - Renderflex 在底部溢出

flutter - 在 Flutter、MVVM 架构中将模型转换为实体的正确方法?

Flutter 在 List<Widget> 中查找 Widget

forms - flutter 错误 “A build function returned null”

dart - NumberFormat 未找到 flutter