在FlatButton中拍摄的预览图像
路易斯·费尔南多·斯克里普卡鲁
大家好，我有问题再次来到这里。因此，我在我的应用程序中，用户填写了一个表格，然后他必须拍摄一张照片，此照片使用gallery_saver保存在手机中，并且工作正常，但是我必须在我的应用程序中添加用户拍摄的照片的预览，然后我尝试使用一个具有默认图像的FlatButton，单击此按钮将打开相机，在用户制作照片后出现问题，现在我想问的是，在用户拍照后，FlatButton图像将更新为用户拍摄的图片（这是一个网站 具有我要制作的内容，抱歉，该网站不是英语，当您打开网站时，在“ FILTRE”选项卡旁边有一个名为“ SEMNALEAZA PROBLEMA”的选项卡，单击此选项卡，然后您将有3个按钮我想做这样的事情，当用户单击该图标时，它将拍照，然后该图标将在用户拍摄的照片中更新。
我预览了一些图像： 
用户将单击该按钮，然后上传/拍照后，就像下一张图片一样 
在Java中非常简单，因为我们有iD，但是在颤动中我没有注意到类似的东西
这是我拍照的方式：
void _takePhoto() async {
ImagePicker.pickImage(source: ImageSource.camera).then((File image) {
if (image != null && image.path != null) {
setState(() {
recordedImage = image;
attachments.add(FileAttachment(recordedImage));
});
GallerySaver.saveImage(image.path).then((bool success) {
setState(() {});
});
}
});
}
这是我的应用程序的外观： 
我希望在单击带圆圈的按钮之后，用户将使用上面的代码拍摄图片，并且在用户拍摄图片后，按钮中的默认图像将在用户拍摄的图片中更改。但是我不知道如何告诉我的应用程序从FlatButton更改图像
这是我的按钮代码：
Container(
width: 100,
height: 100,
child: FlatButton(
child: SvgPicture.asset('assets/images/photo.svg'),
onPressed: () {
setState(() {
});
},
),
),
在setState（）函数中，将存在函数_takePicture，然后我想在拍照预览中从FlatButton更改图像
如果您需要有关我的代码的更多信息，请随时询问
敦促
我使用了来自文档的图像选择器示例，添加了一个按钮，其中包含拍摄后的图片：
import 'package:image_picker/image_picker.dart';
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
File _image;
final picker = ImagePicker();
Future<void> getImage() async {
final pickedFile = await picker.getImage(source: ImageSource.camera);
if(pickedFile != null && pickedFile.path != null) {
setState(() {
_image = File(pickedFile.path);
});
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Image Picker Example'),
),
body: Center(
child: _image == null
? FlatButton(child: Text('Pick image.'), onPressed: getImage)
: FlatButton(child: Image.file(_image), onPressed: getImage)
),
);
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何调整从图库中拍摄的图像的大小？
- 2
在SLComposeServiceViewController中更改预览图像
- 3
Angular中的图像/视频预览
- 4
在预览中显示多张图像
- 5
图像中的 Opencv 方形检测并拍摄此图像
- 6
在预览屏幕中裁剪钛中的图像
- 7
图像预览在Safari中不起作用
- 8
在Opencart的产品页面中预览上传的图像
- 9
如何在元素ui中预览图像？
- 10
使用pictureBox预览listBox中的图像
- 11
从输入文件中显示预览图像
- 12
javascript FileReader：预览多个文件中的图像
- 13
在 thymeleaf 中实时预览上传的图像
- 14
在 angularjs 中显示图像预览时出错
- 15
图像预览在反应中不起作用
- 16
如何在树莓派中设置相机以拍摄黑白图像？
- 17
Swift如何修改从移动相机拍摄的图像中的exif信息
- 18
是否可以在应用中拍摄的照片上显示图像
- 19
从目录中拍摄后先显示最新图像
- 20
去除显微镜拍摄的图像中的条纹图案
- 21
拍摄的图像水平翻转
- 22
拍摄的图像水平翻转
- 23
从XML拍摄图像-Steam
- 24
显示没有图像的视频中的Jwplayer预览图像
- 25
如何在Symfony集合图像中获取图像预览
- 26
显示没有图像的视频中的Jwplayer预览图像
- 27
Android：拍摄的照片大于预览的照片
- 28
如何拍摄与预览尺寸相同的纵横比的照片？
- 29
在Xcode中预览不显示资产库中的图像
我来说两句