问题标签 [react-native-flexbox]

我想在 ios 上制作一个垂直的滑块。我有一个看起来像这样的组件，文本标签仅用于可视化

这就是它在我的模拟器中的样子

看起来弹性框在旋转之前布置了组件，然后旋转了 90 度，并与上方和下方的文本标签重叠。我希望滑块的顶部位于第一个标签的底部，第二个标签被向下推。

我能做些什么来解决这个问题吗？

这是我的版本：

我正在尝试创建一个FlatList在其周围有一些间距的水平线。我能够在列表上获得正确的开始间距paddingLeft，但paddingRight在列表上似乎没有在其后放置任何空格（如果我一直滚动到最后，最后一项被压在边框上）。

这是一个小吃，您可以运行并现场试用：https ://snack.expo.io/@saadq/aW50cm

这是我的代码：

使用marginRight而不是paddingRight似乎确实给出了预期的间距结果，但是它会导致一个不同的问题，即空白始终存在并在滚动时切断项目。任何帮助，将不胜感激！

我是新手react native。我正在探索这里layout的属性，但我坚持理解该属性，因为它不存在于. 但是在做了一些研究之后，我对这个属性有了一点了解。但我想学习这里记录的步骤，完全不在我的脑海中，无法得到它们。谁能用简单的话解释每一步aspectRatioCSS

• 在具有设置宽度/高度纵横比的节点（这里的节点是什么？）上，控制未设置尺寸的大小（这里的未设置尺寸是什么？）
• 在具有设置 flex 基础纵横比的节点（这里的节点是什么？）上，如果未设置，则控制节点在交叉轴上的大小
• 在具有测量函数纵横比的节点（这里的节点是什么？）上，就像测量函数（这里的函数是什么？）测量弹性基础一样
• 在具有 flex 增长/收缩纵横比的节点（这里的节点是什么？）上，如果未设置，则控制交叉轴上节点的大小
• 纵横比考虑了最小/最大尺寸（这里的帐户是什么？）

我会很高兴所有的贡献者。谢谢 ！！！

我希望将视图工具栏与页面底部对齐，而不使用 justifyContent 属性的“空格”。

下面是我如何制作这个工具栏的代码：

我必须构建一个简单的表单，其中有 3 个标签和 3 个 TextInput。我想让它们彼此重叠，行之间有一个空格。

我想不出正确的方法来正确地做到这一点。

我的第一次尝试是有一个带有 flexDirection: 'row' 的顶部视图，然后是标签的第一个子视图，然后是带有文本输入的第二个子视图。这两个视图有 flexDirection: "column" 和 justifyContent: "space between"。

观点：

风格：

结果还不错，但也不完美。

我看到的优点是第一列自动调整为最大标签的大小（上图中未显示），第二列采用可用大小。它适用于纵向和横向模式......

什么是正确的方法？

我应该有一个带有 flexDirection:"column" 的顶视图和每对标签和文本的子视图吗？

在 Android 布局中，我会使用 GridView 来实现我想要的。

我想使用一个 FlatList 来显示包含名称、日期和不同文本部分的图像和文本。下面的简化提取代码将按照我的意愿将图片放在左侧，并显示所有连接到右侧的文本行。这主要是我想要的，但我想要一行包含名称和日期，另一行包含文本。我尝试过的没有任何效果。我该怎么做呢？

这导致以下结果。

我目前有一个简单的图例组件，它产生如下输出：

问题是我手动将height蓝色矩形设置为与文本一样高。有什么方法可以告诉 View 只是根据文本的高度自然扩展，而不必手动将某个数字设置为height？

您可以试用Snack或查看代码：

任何帮助将不胜感激，谢谢！

尝试使用 put space-between 并使用 flexbox 拉伸出现在覆盖弹出屏幕中的按钮。这是屏幕主视图的子视图。只有 alignItems: 'center' 似乎正在努力对齐这些按钮。任何帮助让其他 flexbox 属性在这个子视图上工作将不胜感激

在父视图中，我想将一段文本垂直居中对齐，并在视图底部放置另一个文本。每当我添加底部文本时，它都会向上移动垂直居中视图的位置（使其成为垂直居中剩余空间）。

如何保持文本相对于父视图垂直居中对齐？更新：我知道我可以使用 {position: 'absolute', bottom:0} 来做到这一点，但想了解 flex-box 解决方案。

我正在为使用 React-Native 的应用程序设置一些屏幕，我想完全了解 Flexbox 的工作原理。

我正在尝试以 textinput 和按钮的样式设置 marginHorizo​​ntal 属性，但没有任何反应。

如果我设置宽度的具体值，我没有任何问题。

为什么 marginHorizo​​ntal 不能正常工作？

第一个图像是我使用 marginHorizo​​ntal 得到的（按钮的大小没有改变，板的边距不是 10）；

第二张图片是我使用 width 道具时得到的（按钮大小根据宽度的值而变化）。

我只是想知道为什么使用 marginHorizo​​ntal 道具，什么都没有发生。