Question

我正在使用本机库创建一个react-native应用程序，我在侧面菜单中使用本机列表组件，但我有一个问题，我无法弄清楚如何创建一个子菜单在我的侧边菜单中，我需要能够在单击菜单项时打开带动画的子菜单。

列表编码如下：

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

但是我想为它添加一个子菜单，例如，如果我点击菜单1，子菜单sub1 sub2淡入。以下是我想要的结果视频中的示例： http://res.cloudinary.com/atf19/video/upload/v1500308199/AwesomeScreenshot-2017-07-17T16-14-52-723Z_wymybj.webm

我尝试在我的实际列表中使用另一个列表，但它只是弄乱了设计，我寻找反应原生插件来管理这类问题，但我没有找到任何。

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

Answer 1

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

因此，如果您单击Menu1。您准备好了数据：

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

当然，这个＆＃34;孩子的每个都有一种不同的风格。项目。为了模拟预期的结果。

我已经使用HTML组件而不是RN完成了它。但这个想法是一样的。

反应原生的动画子菜单

1 个答案: