问题标签 [react-native-flexbox]

我在内部信息类中有输入和标签，我希望每个标签和输入在单行上按 1:3 对齐，无论屏幕大小是多少，而且我不介意使用 flex 类，我只想要一个解决方案。干杯

css

JSX

我有这个视图，其中一列中有两个视图：

这是我的风格：

这是上面代码的截图。

我怎样才能让橙色和黄色的视图在垂直方向上均匀扩展，而不需要手动定义它们的高度？

里面的文本应该居中，但左对齐。

我正在尝试将 SegmentedControlIOS 组件定位到屏幕底部：

我正在尝试在我的 React Native 项目中为边距样式属性使用百分比值，但它似乎降低了我的 View 组件之一的高度。如果我用绝对值替换百分比值，则没有更多问题并且可以正常工作。您是否尝试在 React Native 中使用百分比值作为边距？这是重现此问题的一些代码示例：

非常感谢 ！

我正在尝试在 div 中右对齐 UL。目标是拥有一个响应式导航栏，其中 div 大小的变化将导致其中的 UL 向相反方向移动，以免脱离视野。

但是，如果我从右到左缩小区域，我最终会得到以下结果：

理想情况下应该保持这样：

我的CSS：

的HTML：

我的应用程序上有此屏幕，对应于此代码

我希望计时码表位于中心，按钮位于列（屏幕）的末尾。我正在努力使用 flexbox 来做到这一点，因为我知道没有 align-self 属性可用于沿主轴对齐。

实现这一目标的好方法是什么？

----EDIT---- 上面的组件（称为Starter）被包装在具有以下样式的视图中：

在html中我可以通过

但是在本机反应中如何实现这一点，以便颜色仅应用于文本。

我正在努力尝试设置正确的样式以避免视图溢出的一些问题。

因此，对于上面的图像，我需要黄色框随着橙色框的增长（随着文本的增长）而缩小，但将黄色框限制为 aminWidth=100并且橙色框被红色框包裹；黄色框的行为正确...但是当文本很大时橙色框会溢出红色框...我不知道如何限制橙色框留在红色框内。

这是橙色框溢出红色框的示例：

理想情况下，如果橙色框内的文本对于容器大小来说太大，则应将其夹住，不要使橙色框溢出红色框。

这是一个链接，因此您可以查看和使用生成此视图的代码：https ://snack.expo.io/SJD1bbhQX

谢谢，何塞。

我正在尝试渲染此图像中的项目列表。

每行中的项目将根据其文本大小而有所不同。Flatlist用于渲染项目。

TagView.js

风格

结果

但是这里的项目没有用设备宽度包裹。有没有东西可以包装内容？

从服务器映射数据的代码：

样式编码：