反應原生動畫子菜單

我使用原生基礎庫創建反應原生應用程序，我使用本機基礎列表組件的側面菜單，但我有一個問題，我想不通如何在我的菜單中創建一個子菜單，當點擊一個菜單項時，我需要能夠打開一個帶有動畫的子菜單。反應原生動畫子菜單

列表編碼如下：

<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

反應原生動畫子菜單

回答

相關問題