美文网首页Flutter
Flutter操作原生相册

Flutter操作原生相册

作者: 刘铁崧 | 来源:发表于2021-01-27 16:43 被阅读0次

官方插件:https://pub.dev/packages/image_picker

1. 可以通过官方插件获取本地相册

第一步:pubspec文件导入依赖

dependencies:
  image_picker: ^0.6.7+21

第二部:添加权限(否则会有闪退现象)

  • iOS打开项目在plist文件中配置权限如下:


第三步:代码

  • 通过ImageSource.gallery/ImageSource.camera来切换相册和相机
class _TestNativeAlbumState extends State<TestNativeAlbum> {
  File _albumImage;
  final picker = ImagePicker();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("获取原生相册"),
      ),
      body: Column(
        children: [
          _albumImage == null?Text("暂无图片"):Image.file(_albumImage),
          RaisedButton(
            child: Text("从相册获取图片"),
            onPressed: _getImage,
          ),
        ],
      ),
    );
  }
  Future _getImage() async {
    final pickedFile = await picker.getImage(source: ImageSource.gallery);
    setState(() {
      if (pickedFile != null) {
        _albumImage = File(pickedFile.path);
      } else {
        print('No image selected.');
      }
    });
  }
}

效果

相关文章

  • Flutter操作原生相册

    官方插件:https://pub.dev/packages/image_picker[https://pub.de...

  • Flutter--调用原生功能

    Flutter工程调用原生功能--相册相机 demo 1 使用methodChannel Flutter工程中创建...

  • Flutter

    什么是 Flutter Flutter 既不使用 WebView,也不使用操作系统的原生控件,相反,Flutter...

  • Flutter中调用原生-platform channels(平

    上一次介绍过Flutter中调用原生相册/相机功能,这个是因为flutter官网提供了三方的ImagePicker...

  • Flutter与Android原生简单交互

    首先简单说一下我所需要用flutter与原生做的交互操作:原生向flutter传一个参数String 由于小白出身...

  • Flutter本地存储与数据库的使用和优化

    Flutter仅接管了渲染层,涉及到存储等操作系统底层的行为,还是需要依托于原生平台的特性。Flutter与原生开...

  • Flutter Plugin 交互

    本片利用Flutter Plugin调用原生Android的相册墙的功能。 现有的和相机有关的库有 image_p...

  • Flutter进阶-混合开发

    混合开发的方式说到混合开发,我们知道无非是两种: Flutter调用原生的功能,比如调用相册呀之类的原生项目的某一...

  • Flutter怎么与原生交互

    Flutter与原生交互 flutter端: Andoid端: 原生调用flutter方法: NativeMeth...

  • flutter run error:resource fork,

    项目背景:原生为主工程+flutter模块集成:按照flutter官方文档进行操作【传送】以下内容为开发中问题记录...

网友评论

    本文标题:Flutter操作原生相册

    本文链接:https://www.haomeiwen.com/subject/tduqzktx.html