[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kz87r0Is-1625531278584)(https://ducafecat.tech/2021/07/06/translation/build-a-camera-app-flutter-in-app-camera/2021-07-06-08-18-54.png)]
老铁记得 转发 ,猫哥会呈现更多 Flutter 好文~~~~
微信群 ducafecat
b 站 https://space.bilibili.com/404904528
原文
https://medium.com/geekculture/build-a-camera-app-flutter-in-app-camera-825b829fe138
代码
https://github.com/jagrut-18/flutter_camera_app.git
参考
- https://pub.dev/packages/camera
正文
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6Dflhcck-1625531278585)(https://ducafecat.tech/2021/07/06/translation/build-a-camera-app-flutter-in-app-camera/2021-07-06-08-03-41.png)]
在许多应用程序中,我们需要用户通过点击图片上传图片。为此,我们可以使用设备的默认摄像头应用程序,但如果我们需要集成一个应用程序内的摄像头呢?那么,这也是可能的 Flutter 。小组已经开发了一个叫做摄像头的 https://pub.dev/packages/camera ,它可以让我们做到这一点。
建立项目
首先,通过在 pubspec.yaml 文件中添加以下行,将 camera 包安装到项目中。
camera: ^0.8.1+3
- IOS 设置
这个插件需要 IOS 10.0 或更高版本。在 Info.plist 文件中添加以下行来设置内容。
<key>NSCameraUsageDescription</key>
<string>Can I use the camera please?</string>
<key>NSMicrophoneUsageDescription</key>
<string>Can I use the mic please?</string>
- Android Setup
在 Android/app/build.gradle 文件中将 Android sdk 最小版本更改为 21(或更高版本)。
minSdkVersion 21
现在我们的项目设置完成了,我们可以开始编写应用程序了。
我们将在应用程序中创建两个屏幕。
1.CameraScreen ー此屏幕将显示相机输出并拍摄图片
2.GalleryScreen ー这个屏幕将在网格视图中显示捕获的图片。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QjtyvDg5-1625531278586)(https://ducafe