0

我正在使用 native-base 库创建一个 react-native 应用程序，并且我正在使用 native-base list 组件作为侧边菜单，但我有一个问题，我不知道如何在我的侧边菜单中制作子菜单，我需要能够在单击菜单项时打开带有动画的子菜单。

列表编码如下：

<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/视频/上传/v1500308199/AwesomeScreenshot-2017-07-17T16-14-52-723Z_wymybj.webm

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

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

4

1 回答 1

0

可能的解决方法：您可以动态创建同一级别的 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>

当然，每个“子”项目都有不同的风格。为了模拟预期的结果。

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

于 2017-07-17T21:59:31.377 回答