React Native-图像将文本推出屏幕-用第三视图修复？
我正在使用React Native Version 0.44.0和expo应用程序在ListView中渲染屏幕上的一些图像和文本。
我的问题是造型。
A、 最初，我在View1中只有一个View（View1）和一个并排的图像和文本组件。我设置了flexDirection=“row”和justifyContent=“center”，使图像和文本在屏幕中居中。
B.我需要在第一个文本下插入另一个具有不同样式的文本组件，但是flexDirection=“row”根本不允许它位于其下方。
我插入了View2，这确实允许文本垂直定位，但较高的文本在屏幕的右边缘被切断了（我相信这是因为图像设置了固定的高度和宽度）。
我无法将文本放回中心，直到我添加了View3并赋予其固定宽度。
因此，视图1的flex=1，视图2的flex=1，视图3的width="someValue "
我担心的是：现在它在设备上的渲染完美。但这种做法是可以接受的吗？它会在其他设备上失真，还是会根据屏幕分辨率动态呈现固定宽度，因为其像素单元与密度无关？
共有1个答案
它将根据屏幕分辨率动态呈现固定宽度，因为其密度与像素单位无关？
不。它不会根据不同的屏幕尺寸进行调整。宽度将随着屏幕的不同而变化。使用flex box是完成任务的最佳方式，但有时您需要屏幕宽度和屏幕高度的帮助。为此，您可以使用react native中的Dimensions。这里有一个使用指南。此外，还有一些库可用于使应用程序响应，如响应本地响应和响应本地扩展样式表。
在您的特殊情况下，您可以将行视图(视图1)分成两个具有所需伸缩的内部视图。第一个内部视图可能包含图像视图，如果您发现图像的高度和宽度与其父级的高度和宽度不一致，您可能还需要参考image resizemod。第二个内部视图保存你的文本。还要记住给视图1添加一些填充，这样内部视图将总是在视口中，并且永远不会超出视口。
-
问题内容： 现在，我正在Xcode 6中使用spritekit（swift）制作游戏。 它必须可在iPhone 4s及更高版本上播放。但据我所知，所有iPhone都来自4s和更高的Retina，所以我可以添加（750 x 1334像素）和@ 2x.png的所有图像。 因此，我不需要添加没有@ 2x的图像。 我对么？ 问题答案： 示例：如果您具有512 x 512（1x）图像，并且希望它支持（2x和
-
我对图像进行了收缩缩放，但是当我第一次加载应用程序时，整个图像不可见，只有一部分。图像填充了屏幕的宽度，但其上下都有空白。此外，当缩放图像时，图像变得非常短。纵横比应保持不变。 我希望在应用程序加载时使整个图像可见，然后我希望能够用两根手指缩小图像，其中图像不会小于屏幕的大小，以便屏幕始终充满（图像是地图）。 为了放大，图像应该超出手机屏幕的宽度和高度。这样我就可以平移过去查看地图的细节。 任何帮
-
问题内容： 我想将视图渲染为位图并保存位图。但是我需要在屏幕外进行所有操作。 我已经试过了： 编辑：我的应用程序崩溃，因为视图没有任何宽度或高度。（此措施是为了解决该问题） 抱歉英语不好。 问题答案： 问题在这里： 您需要传递父级布局，以便可以对其进行正确测量。我了解您不希望将视图附加到布局，但是您可以通过使用此方法的此版本来将父布局仅用于测量，将false传递给attachToRoot。 根据参
-
我正在尝试使用图像创建。网格有3列。 但我有一些问题： 正在离开屏幕，如下图所示。未正确设置s的宽度以适应。 这是我当前的代码。我应该改变什么来解决我的两个问题？ 根据这个答案，我尝试使用以下布局： 但它看起来像下图。每个图像视图占据整个屏幕的宽度： http://i.imgur.com/p8AXcKN.png
-
我试图用selenium和Firefox捕获http://www.flipkart.com url的屏幕。 它拍摄整个页面的屏幕快照，但它显示的内页图像对许多其他图像不可用。我无法纠正它。帮帮我.
-
背景 我在屏幕上放置了一个图像，用于在屏幕加载其他内容时显示。 我想使图像居中，这样它在所有设备上都是居中的。 问题 目前，图像显示在顶部中心。我希望它也垂直对齐。还要确保它在所有设备上看起来始终相同。 问题 确保图像始终居中并且所有设备的尺寸都正确的解决方案是什么？ 例子， 我当前的代码， 在Photoshop中 图像为 300 分辨率 高度为 776 px 宽度为 600 px 我希望图像在所