Javascript react native上的动画子菜单

我正在使用本机基本库创建一个react本机应用程序，我正在为侧菜单使用本机基本列表组件，但我有一个问题，我不知道如何在侧菜单中创建子菜单，我需要能够在单击菜单项时打开带有动画的子菜单

清单编码如下：

<List>
   <ListItem>
     <Text>Menu 1</Text>
   </ListItem>
   <ListItem>
     <Text>Menu 3</Text>
   </ListItem>
   <ListItem>
     <Text>Menu 2</Text>
   </ListItem>
 </List>

菜单1
菜单3
菜单2

但我想添加一个子菜单到它，例如，如果我点击菜单1，一个子菜单与sub1 sub2淡入。 下面是我想要的结果的视频示例：

---

我试着在我的实际列表中使用另一个列表，但它只是打乱了设计，我寻找了处理此类问题的react本机插件，但我没有找到任何

PS：请注意，列表项是从服务器动态创建的。

可能的解决方法： 您可以动态创建同一级别的ListItems

因此，如果单击菜单1。获取数据，准备好后：

<List>
   <ListItem>
     <Text>Menu 1</Text>
   </ListItem>
   <ListItem>
     <Text>ITEM 1</Text>
   </ListItem>
    <ListItem>
     <Text>ITEM 2</Text>
   </ListItem>
   ...
   <ListItem>
     <Text>Menu 3</Text>
   </ListItem>
   <ListItem>
     <Text>Menu 2</Text>
   </ListItem>
 </List>

菜单1
项目1
项目2
...
菜单3
菜单2

当然，每个子项都有不同的样式。为了模拟预期的结果

---

我已经用HTML组件完成了这项工作，但还没有完成。但是想法是一样的。

你试过什么？什么不起作用？您是否被文档中一些不清楚的地方卡住了（对于NativeBase或动画库）？这个列表的动态方面不知怎么会让你绊倒吗？请始终包含您尝试和研究过的内容，并在编写好的问题时寻求帮助。@MichaelCheng我刚刚添加了我尝试过的内容的摘要，但实际上我找不到解决此问题的方法，这就是为什么我发布此问题的原因。“我尝试在实际列表中使用另一个列表，但它只是打乱了设计。”发布你的代码，这样人们就可以为你指出正确的方向，并指出你犯错误的地方。再一次，看。