问题标签 [react-native-flexbox]

我正在尝试像这样布局我的文本框

这是我想要做的代码

这是样式表

但是我得到了这样的结果

谁能帮助我我应该怎么做才能使我的文本框呈现为第一张图片？非常感谢

我有以下代码：

这是为了呈现以下视图：

我正在尝试将这些药丸包裹在白色容器中。以下是我使用的样式：

如何将子元素包装在父元素内，使其不会像图片中显示的那样溢出？

我想让所有孩子都填满可用空间，并相互重叠，所以只有最后一个孩子可见。

我尝试了 , , 等的各种组合flex，position但alignSelf: stretch找不到获胜的组合。

我正在尝试使用带有视图的 React Native 中的 Flexbox 来实现下图所代表的内容，如果您有一个非常棒的基本示例：

我正在尝试学习本机反应。

我有以下代码：

但是当我运行这段代码时，我收到一条错误消息

“是一个意外的标记”。

我尝试将 0.5 替换为 50% 和“0.5”，但这些也会导致错误。

基本上，如果这是 web 的 html css，我想要实现的行为是：

换句话说，我只想要两列缩略图，每张图片下方都有一个标题。

所以在我的主页上，我有 4 个按钮，我用 flex 布置了这些按钮。我已经设置了父级的 flex: 1，这意味着它覆盖了整个页面（我已经用 backgroundColor 确定了这一点）。我的问题是，当我设置 alignItems: 'flex-end' 时，按钮只会向下移动一点，就好像 flex 只覆盖了一半的页面。

这是我的代码标记：

卡片样式：

CardSection风格：

以及物品的样式：

这就是我得到的：

请注意，如果我删除 flexWrap: 'wrap'，这个问题就会消失，但我不能这样做！

有任何想法吗？

这是我的组件：

react native 中的 bordeRadius 不适用于50%之类的百分比，并且在 flex 框中我不知道每个 flexItem 的宽度。如果不计算每个 flexItem 的宽度，你有什么想法吗？

我是 react native 的新手，我真的被困在对齐两个工具栏按钮两天了！我需要使用 flex 将它们放在工具栏的右侧。但是，我不能那样做。这是代码：

事实上，问题在于，任何 flex 值的变化都不适用于insideImageContaineror imageContianer。你能帮我解决这个问题吗？提前致谢。

如何实现如下图的方形布局？

还是存在任何相关的软件包？

我正在开发一个 React Native 项目。容器的flexDirection设置为column，我希望孩子的宽度跨越父母的 80%。如果父母的flexDirection设置为，row我会将flex值设置为0.8并完成它。限制是

1. 我不能在孩子周围有一个额外的容器。
2. 我不能给孩子一个固定的像素宽度。

这是一个解决问题的游乐场。