React native React Native-将子视图置于父视图上方'；s视图兄弟姐妹

我建立了一个类似facebook提到的文本输入。键入#后，您将得到一个包含不同hashtag的列表。我在一个网站上有两个，一个是标题，一个是文本。 问题是，标题中的标签列表显示在内容文本的下面。请参见屏幕截图：

我尝试使用zIndex，但在这里没有任何效果。 等级划分如下：

视图：

--提及文本标题

---#标题列表

--提及文本内容

---#内容列表

---

如您所见，内容位于层次结构中标题的下方。在屏幕上正确定位，但在标题列表上方显示。有没有办法通过一个平滑的解决方案来实现这一点

尝试独立地将bloc包装到视图中，不要使用绝对位置

---

顺便说一句，如果你的列表可以无限增长，你可能需要一个

ScrollView

或

FlatList

我找到了一个解决方案，它包含在一个视图中包装两个文本输入，更改顺序（先内容，然后标题），然后将视图的flexDirection设置为“column reverse”。这样，标题再次位于顶部，z索引现在也正确设置。只是看起来不太好，也许有人得到了改进的建议。代码如下所示（请注意，sinetinstextinput包含作为子项的列表）：

//新添加的视图

谢谢您的快速回答。我尝试在不同的视图中移动视图，但它没有改变任何东西。我使用标准的定位，所以每个东西都在彼此下面对齐，这很好。然而，这似乎也是导致错误的原因（内容在标题下面的代码中，因此稍后会呈现）。我发现了一个非常糟糕的解决方案，但它似乎有效。我将在单独的答案中发布代码。

 <View style={{flexDirection:'column-reverse'}}> //The newly added view
                        <MentionsTextInput //The content of the page
                            style={styles.inputContent}
                            placeholder={I18n.t("descriptionInput")}
                            value={this.state.description}/>

                        <MentionsTextInput //The title
                            style={styles.inputTitle}
                            placeholder={I18n.t("noteTitle")}
                            value={this.state.title}/>
 </View>