Flutter 颤振：使用图像选择器添加背景图像

所以，我有一个简单的问题，在尝试了很多不同的东西之后，我似乎无法理解。所以我有一个ImagePicker颤振函数，可以从gallery中拾取图像。我想能够点击按钮来改变整个屏幕的背景。这是图像选择器的函数，它工作正常

Future _getImage() async {
final pickedFile = await picker.getImage(source: ImageSource.gallery);
setState(() {
  if (pickedFile != null) {
    _image = File(pickedFile.path);
    
    print('_image: $_image');
  } else {
    print('No image selected');
  }
});

}

问题是，我似乎无法将拾取的图像添加到脚手架的框装饰中，始终存在一个错误，类似于：“参数类型‘image’无法指定给参数类型‘ImageProvider’”

body: Container(
    decoration: BoxDecoration(
      image: DecorationImage(
        image: Image(_image),
      ),
    ),

我尝试转换为字符串，链接直接路径，但似乎没有任何效果。是否有解决方法或其他简单的解决方案？谢谢大家!

请试试这个

        Container(
                width: 100,
                height: 200,
                decoration: BoxDecoration(
                  image:DecorationImage(
                    image: new FileImage(file)
                  )
                ),
              ),

---

您可以复制粘贴运行下面的完整代码
您可以选中

\u image==null

并显示

透明图像

或

文件图像

代码片段

import 'package:transparent_image/transparent_image.dart';
...
body: Container(
          decoration: BoxDecoration(
        image: DecorationImage(
          image: _image == null
              ? MemoryImage(kTransparentImage)
              : FileImage(_image),
        ),
      )),

工作演示

完整代码

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:transparent_image/transparent_image.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  File _image;
  final picker = ImagePicker();

  Future _getImage() async {
    final pickedFile = await picker.getImage(source: ImageSource.gallery);
    setState(() {
      if (pickedFile != null) {
        _image = File(pickedFile.path);

        print('_image: $_image');
      } else {
        print('No image selected');
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
          decoration: BoxDecoration(
        image: DecorationImage(
          image: _image == null
              ? MemoryImage(kTransparentImage)
              : FileImage(_image),
        ),
      )),
      floatingActionButton: FloatingActionButton(
        onPressed: _getImage,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

导入'dart:io'；
进口“包装：颤振/材料.省道”；
导入“包：image_picker/image_picker.dart”；
导入“package:transparent_image/transparent_image.dart”；
void main（）{
runApp（MyApp（））；
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
视觉密度：视觉密度。自适应平台密度，
),
主页：MyHomePage（标题：“颤振演示主页”），
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage（{Key，this.title}）：超级（Key:Key）；
最后的字符串标题；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
文件图像；
最终选择器=图像选择器（）；
Future\u getImage（）异步{
final pickedFile=wait picker.getImage（来源：ImageSource.gallery）；
设置状态（）{
if（pickedFile！=null）{
_image=文件（pickedFile.path）；
打印（“U图像：$U图像”）；
}否则{
打印（“未选择图像”）；
}
});
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（widget.title），
),
主体：容器(
装饰：盒子装饰(
图像：装饰图像(
图像：_图像==null
？存储器图像（K透明图像）
：FileImage（_image），
),
)),
浮动操作按钮：浮动操作按钮(
onPressed:\u getImage，
工具提示：“增量”，
子：图标（Icons.add），
),
);
}
}

哇，这是一个非常好的解决方法。非常感谢你的努力！很乐意帮忙。如果这对您有帮助，请将其标记为答案。谢谢，这是一个非常优雅的解决方案，我不知道有FileImage选项。我非常感谢你的回答，你帮我省去了很多头痛！