如何在React本地纸的手风琴组件的标题中呈现2列标题？

Question

我想呈现一个2列标题在标题的手风琴组件从反应乡土纸。

该设计要求由几个手风琴组成的受控组(每个手风琴的标题属性)以下列格式显示:在一行中显示两个单独的文本，其中有固定的空间：

XXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

这个想法是，标题中的第二列文本应该与上面和下面的每个手风琴一起排列。

我尝试创建标题列表使用React本地纸的DataTables和股票反应本地FlatList。使用DataTables似乎有点过火，我无法让它按照需要对齐，所以我尝试了FlatList下一步，并取得了更好的成功--至少最初是这样。

我在父视图上使用了FlatList，在两个子视图上使用了flex: 3 & flex: 4。

孤立地说，它的工作方式与您在下面的快照示例中看到的一样。

但是，当将呈现的FlatList传递给List.Accordion的title属性时，它似乎丢失了flex间距如本快餐店示例所示，因此标题文本的第二列不会左对齐。

关于如何实现这一点的任何建议吗？

​

​

值得注意的是，客户要求这个应用程序只能在安卓平板电脑上运行，所以iOS和手机并不是真正的问题。

谢谢!

Answer 1

我无法将title“拆分”成多个列。

但是，List.Accordion实际上有三个内置列：left、title和right。你也许能用它做些有创意的事情。