React Native - 将子视图放置在父视图兄弟之上

Question

我构建了像Facebook提到的文本输入。键入＃后，您将获得带有不同主题标签的列表。我有两个网站，一个用于标题，一个用于文本。问题是，标题的主题列表显示在内容文本下方。请参阅屏幕截图：主题标签列表在Lorem Ipsum Content

背后

我尝试使用Zindex，但这里没有任何效果。Hierachie如下：

查看：

- 提及stext title

--- #list for Title

- 提及stext content

---＃for content

清单

您可以看到，内容在Hierachy中的标题下方。这将其正确定位在屏幕上，但在标题列表上方显示自身。有什么方法可以通过平滑的解决方案来实现它？

Answer 1

尝试独立地将您的集体包装到视图中，不要使用绝对位置。

顺便说一句，如果您的列表可以无限制增长，则可能需要ScrollView或FlatList。

Answer 2

我找到了一个解决方案，该解决方案包含两个文本插入在一个视图中，更改顺序（首先要更改content，title），然后将视图的flexDirection设置为'列 - 逆转'。这样一来，标题再次在顶部，现在也正确设置了z索引。只是看起来不太好，也许有人有提示改进它。该代码为以下（请注意，提及的StextInput包含小时候的列表）：

 <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>