草庐IT

dart - flutter 相机预览

coder 2023-05-09 原文

我是 Flutter 和 Dart 的新手，请耐心等待。 我正在尝试使用 Flutter 通过 Camera Plugin 显示相机预览，并且有两个问题。 1) 预览被拉伸(stretch)，所以看起来很奇怪。 2) 我希望在预览下方显示一个 BottomNavigationBar，但相机预览会占用所有屏幕空间。

我初始化相机并打开预览:

@override
Widget build(BuildContext context) {

  if (!_isReady) return new Container();
  if (!controller.value.initialized) return new Container();

  return new CameraPreview(controller);
}

1) 这是我称为 _CameraWidgetState 的类的构建方法。如何使此预览看起来不被拉伸(stretch)？

2) 为了使 CameraWidget 不使用所有空间，我尝试将它放在 Scaffold 中，但没有成功:

Widget build(BuildContext context) {
return new Scaffold(
  appBar: new AppBar(
    title: new Text(widget.title),
  ),
  body: new Center(
    child: new CameraWidget(),
  ),
  bottomNavigationBar: new BottomNavigationBar(
    items: [
      new BottomNavigationBarItem(
          icon: new Icon(Icons.camera), title: new Text("Left")),

      new BottomNavigationBarItem(
          icon: new Icon(Icons.favorite),
          title: new Text("Right"))
    ],
  ),
);
}

任何想法或帮助表示赞赏!

最佳答案

这解决了问题，但也可能有更好的解决方案。 (感谢以上评论中的@user1462442。)

@override
Widget build(BuildContext context) {
 if (!_isReady) return new Container();
 if (!controller.value.initialized) return new Container();

 return new Scaffold(
   body: new Container(
     child: new AspectRatio(
       aspectRatio: controller.value.aspectRatio,
       child: new CameraPreview(controller),
     ),
   ),
   floatingActionButton: new FloatingActionButton(
     onPressed: _isReady ? capture : null,
     child: const Icon(
       Icons.camera,
       color: Colors.white,
     ),
   ),
   floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
 );
}

关于dart - flutter 相机预览，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49721306/

flutterdartnewcodesection

有关dart - flutter 相机预览的更多相关文章

  1. [工业相机] 分辨率、精度和公差之间的关系 - 2

    📢博客主页：https://blog.csdn.net/weixin_43197380📢欢迎点赞👍收藏⭐留言📝如有错误敬请指正！📢本文由Loewen丶原创，首发于CSDN，转载注明出处🙉📢现在的付出，都会是一种沉淀，只为让你成为更好的人✨文章预览：一.分辨率（Resolution）1、工业相机的分辨率是如何定义的？2、工业相机的分辨率是如何选择的？二.精度（Accuracy）1、像素精度（PixelAccuracy）2、定位精度和重复定位精度（RepeatPrecision）三.公差（Tolerance）四.课后作业（Post-ClassExercises）视觉行业的初学者，甚至是做了1~2年

  2. ruby-on-rails - Rake 预览在 Octopress 中不起作用 - 2

    我在我的机器上安装了ruby​​版本1.9.3，并且正在为我的个人网站开发一个octopress项目。我为我的gems使用了rvm，并遵循了octopress.org记录的所有步骤。但是我在我的rake服务器中发现了一些错误。这是我的命令日志。Tin-Aung-Linn:octopresstal$ruby--versionruby1.9.3p448(2013-06-27revision41675)[x86_64-darwin12.4.0]Tin-Aung-Linn:octopresstal$rakegenerate##GeneratingSitewithJekyllidenticals

  3. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  4. 相机校准—外参矩阵 - 2

    在本文中，我们将探讨摄影机的外参，并通过Python中的一个实践示例来加强我们的理解。相机外参摄像头可以位于世界任何地方，并且可以指向任何方向。我们想从摄像机的角度来观察世界上的物体，这种从世界坐标系到摄像机坐标系的转换被称为摄像机外参。那么，我们怎样才能找到相机外参呢？一旦我们弄清楚相机是如何变换的，我们就可以找到从世界坐标系到相机坐标系的基变换的变化。我们将详细探讨这个想法。具体来说，我们需要知道相机是如何定位的，以及它在世界空间中的位置，有两种转换可以帮助我们：有助于确定摄影机方向的旋转变换。有助于移动相机的平移变换。让我们详细看看每一个。旋转通过旋转改变坐标让我们看一下将点旋转一个角度

  5. ruby - Octopress 错误 - rake 预览、观察或生成 - 2

    我遵循了OctopressDocumentation中的所有说明:sddhrthrt@thinkpad:~/octopress$rakegenerate##GeneratingSitewithJekylldirectorysource/stylesheets/createsource/stylesheets/screen.cssConfigurationfrom/home/sddhrthrt/octopress/_config.yml/home/sddhrthrt/octopress/plugins/pygments_code.rb:5:warning:alreadyinitializ

  6. 有仰拍相机和俯拍相机时，俯拍相机中心和吸嘴中心的标定 - 2

    俯拍相机中心和吸嘴中心的标定文章目录俯拍相机中心和吸嘴中心的标定前言适用模型如下：一、使用一个标定片进行标定1.关键注意：2.标定步骤：二、使用一个L型的工件1.关键注意：2.标定步骤：总结前言在自动化设备领域，使用相机进行定位是很普遍存在的，而使用相机定位就必定会用到标定，本文介绍两种关于吸嘴上方的俯拍相机和吸嘴中心的标定方法（前提是带有仰拍相机和俯拍相机）。【还有很多相机的使用场景的标定方法将在以后的文章中进行阐述】适用模型如下：一、使用一个标定片进行标定1.关键注意：关键是使用两个相机的中心和识别偏差，得到两个相机的中心固定偏差。注：后续俯拍相机拍物料识别得到的偏差以吸嘴中心在俯拍相机中

  7. 相机内参标定，相机和激光雷达联合标定 - 2

    相机内参标定，相机和激光雷达联合标定一、相机标定原理1.1成像过程1.2标定详解二、相机和激光雷达联合标定2.1标定方法汇总2.2Autoware的安装与运行2.2.1安装方式2.2.2安装Autoware的依赖(Ubuntu16.04/kinetic)2.2.3编译Autoware1.创造工作空间2.下载Autoware源码3.其他依赖4.编译5.效果2.3Autoware标定激光雷达和相机的外参过程一、相机标定原理1.1成像过程现实物体在相机中的成像过程离不开世界坐标系、相机坐标系、图像坐标系以及像素坐标系，只有理解了这些才能对获取的图像进行准确的分析。成像过程：四个坐标系如下图所示：世界

  8. 相机面试问题总结 - 2

    1，Camera基本工作原理答案：光线通过镜头Lens进入摄像头内部，然后经过IRFilter过滤红外光，最后到达sensor（传感器），senor分为按照材质可以分为CMOS和CCD两种，可以将光学信号转换为电信号，再通过内部的ADC电路转换为数字信号，然后传输给DSP（如果有的话，如果没有则以DVP的方式传送数据到基带芯片baseband，此时的数据格式RawData，后面有讲进行加工）加工处理，转换成RGB、YUV等格式输出。数据流是如何从sensor到APP的？上述描述结束后，在ISP处理后面的阶段，数据会进行分流，分为capture,preview，video等以供后续动作使用。例如

  9. ruby-on-rails - Rails 4.1 Mailer 预览和设计自定义电子邮件 - 2

    我有一个全新的Rails4.1.1应用程序，我正在其中自定义Devise电子邮件。我想让它们显示在新的Rails电子邮件预览功能中，所以我执行了以下操作:1)将以下片段添加到我的config/development.rb文件中:config.action_mailer.preview_path="#{Rails.root}/lib/mailer_previews"2)在app/mailers/user_mailer.rb中创建我的自定义Devise电子邮件UserMailer:classUserMailer3)更改了config/initializers/devise.rb以包含以下片

  10. Baumer工业相机VCX系列相机硬件触发流程和设置 - 2

    项目场景Baumer工业相机堡盟相机是一种高性能、高质量的工业相机，可用于各种应用场景，如物体检测、计数和识别、运动分析和图像处理。 Baumer的万兆网相机拥有出色的图像处理性能，可以实时传输高分辨率图像。此外，该相机还具有快速数据传输、低功耗、易于集成以及高度可扩展性等特点。 Baumer堡盟VCX相机为堡盟全系列相机中的主流常用相机，性能强大、坚固可靠，易于集成，常用与一般行业的检测定位识别使用。问题描述工业相机的触发有多种方式：1.硬件触发：使用外部硬件设备来触发相机，如传感器或开关。2.软件触发：使用软件来触发相机，可以是手动的也可以是自动的。3.同步触发：使相机的触发与其他设备或系

随机推荐