【问题标题】:Scaling View in React NativeReact Native 中的缩放视图
【发布时间】:2021-04-26 16:03:31
【问题描述】:

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

这是小吃:Snack

感谢您的帮助。

【问题讨论】:

    标签: javascript reactjs react-native android-camera snackjs


    【解决方案1】:

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

    【讨论】:

    • 谢谢!由于 position 属性,我尝试使用 flex 没有成功,但现在它工作正常。
    猜你喜欢
    • 2020-05-01
    • 1970-01-01
    • 2016-10-03
    • 1970-01-01
    • 2021-11-09
    • 2020-06-19
    • 1970-01-01
    • 2017-06-29
    • 2017-11-21
    相关资源
    最近更新 更多