颤动相机预览
颤动相机预览
提问于 2018-04-09 02:29:53
Flutter和Dart我都是新手，所以请耐心听我说。我正在尝试使用Flutter来显示使用Camera Plugin的相机预览，但有两个问题。1)预览被拉伸，所以看起来很奇怪。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的类的build方法。如何才能使此预览看起来不被拉伸？
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"))
],
),
);
}任何想法或帮助都很感谢！
Stack Overflow用户
回答已采纳
发布于 2018-06-28 00:40:55
这解决了问题，但也可能有更好的解决方案。(感谢上面评论中的@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,
);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49721306
复制相关文章
相似问题
腾讯云开发者
