反应原生动画子菜单

我使用原生基础库创建反应原生应用程序，我使用本机基础列表组件的侧面菜单，但我有一个问题，我想不通如何在我的菜单中创建一个子菜单，当点击一个菜单项时，我需要能够打开一个带有动画的子菜单。反应原生动画子菜单

列表编码如下：

<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：请指教，列表项是从服务器动态创建的。

来源

2017-07-17 Atef

你有什么尝试？什么没有用？你是否陷入了文档中的一些不清楚的地方（对于NativeBase或Animated库）？列表的动态方面是否让你感到不安？请始终包含您已经尝试和研究过的内容，并参阅[如何提问]（https://stackoverflow.com/help/how-to-ask）以获得编写好问题的帮助。 –

@MichaelCheng我刚刚添加了一个我试过的简短内容，但实际上我找不到解决这个问题的方法，这就是为什么我发布了这个问题。 – Atef

“我尝试在我的实际列表中使用另一个列表，但它只是搞乱了设计”发布你的代码，以便人们可以指引你朝着正确的方向，也许指出你犯了错误的地方。再次请参阅[如何提问]（https://stackoverflow.com/help/how-to-ask）。 –

可能的解决方法：您可以将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-17 21:59:31 hugomosh

反应原生动画子菜单

回答

相关问题