在 React Native 中缩放视图
Scaling View in React Native
我正在尝试实现一个相机，但是当我启动它时，它的缩放比例不佳。该组件在视图内部，并且垂直收缩，但是如果在 return 方法中我只放置相机，效果很好，所以我认为问题出在视图样式上，但我想不通出如何解决它。按下按钮时相机应该渲染，但是当我按下它时会发生这种情况：
这是点心：Snack
感谢您的帮助。
我在 snack 上看到了你的代码，如果你在 243 行的 Book.js 中删除视图组件上的绝对位置 属性 并添加 flex: 1 到该视图，你将得到所需的输出。请记住，如果我们不明确给出高度或给出 flex:1，View 总是采用子项的最大内容的高度。如果我们将 position 属性 与 flex 一起使用，那么 position 属性将起作用，但 flex 属性将不起作用。因此，选择其中之一，然后相应地进行设计。如果您需要位置 属性 而不是从 expo 常量中获取设备高度并将该高度传递给包含相机的视图。
我正在尝试实现一个相机，但是当我启动它时，它的缩放比例不佳。该组件在视图内部，并且垂直收缩，但是如果在 return 方法中我只放置相机，效果很好，所以我认为问题出在视图样式上，但我想不通出如何解决它。按下按钮时相机应该渲染，但是当我按下它时会发生这种情况：
这是点心：Snack
感谢您的帮助。
我在 snack 上看到了你的代码，如果你在 243 行的 Book.js 中删除视图组件上的绝对位置 属性 并添加 flex: 1 到该视图，你将得到所需的输出。请记住，如果我们不明确给出高度或给出 flex:1，View 总是采用子项的最大内容的高度。如果我们将 position 属性 与 flex 一起使用，那么 position 属性将起作用，但 flex 属性将不起作用。因此，选择其中之一，然后相应地进行设计。如果您需要位置 属性 而不是从 expo 常量中获取设备高度并将该高度传递给包含相机的视图。