反応ネイティブのアニメーションサブメニュー

Question

ネイティブベースのライブラリを使用して反応ネイティブアプリを作成しています。サイドメニューにネイティブベースのリストコンポーネントを使用していますが、問題があります。わかりません私のサイドメニューにサブメニューを作る方法、私はメニューアイテムがクリックされたときにアニメーションを持つサブメニューを開くことができる必要があります。

次のようにリストがコード化されています

<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

考えられる回避策： 同じレベルのListItemを動的に作成することができます。

メニュー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> 

そしてもちろんのは、この「子」の各項目ため異なるスタイルを持っています。期待される結果をシミュレートするため。

私はRNではないHTMLコンポーネントでこれを行っています。しかし、その考え方は同じです。