首页 > 解决方案 > React Native 中的缩放视图

问题描述

我正在尝试实现一个相机,但是当我启动它时,它的缩放效果不佳。组件在View里面,纵向收缩,但是如果在return方法中我只放了相机,效果很好,所以我认为问题来自View样式,但我不知道如何解决它。按下按钮时相机应该渲染,但是当我按下它时会发生这种情况:

这是小吃:小吃

谢谢您的帮助。

标签: javascriptreactjsreact-nativeandroid-camerasnackjs

解决方案


我在小吃上看到了您的代码,如果您在 Book.js 中的第 243 行删除 View Component 上的绝对位置属性并将 flex: 1 添加到该视图中,您将获得所需的输出。请记住,如果我们没有明确给出高度或给出 flex:1,则 View 总是采用孩子的最大内容的高度。如果我们将位置属性与 flex 一起使用,那么位置属性将起作用,但 flex 属性将不起作用。因此,选择其中之一,然后相应地进行设计。如果您需要位置属性而不是从 expo 常量中获取设备高度并将该高度传递给包含您的相机的视图。


推荐阅读