2017-03-01 61 views
0

我正在開發我的第一個React Native + Redux應用程序。在我的應用我想開發類似朋友的東西要求的facebook滑塊:實現Facebook朋友請求像滑塊

enter image description here

有一個滑塊(左/右),在那裏你可以看到在一個盒子當前內容和一點點下一個和預覽項目。向上滑動或點擊內容時應該進入「全屏」狀態。全屏禁用向左或向右滑動。

只有當前,也許下兩個和前兩個幻燈片應加載,但我認爲感謝redux這不是一個大問題。

我應該使用哪些組件?

+1

調查react-native-swiper並從那裏開始。 – Hobbyist

回答

1

解決這個問題的一個簡單方法可能是使用類似react-native-swiper的庫來掃描組件,然後使用LayoutAnimation將子視圖設置爲全屏視圖,注意刪除標頭/ etc中的名稱。

+0

非常感謝。我有另一個ListView,我想在其中點擊顯示一些描述文本(項目越來越高的文本)。目前我正在計算新的高度並使用Animated.View生成動畫。這個過程將會被LayoutAnimation所淘汰,或者? – rakete

+1

是和不是。我一起使用ListView和LayoutAnimation碰到奇怪的問題,特別是在重新排序ListView項目時。這就是說,歡迎您嘗試使用LayoutAnimation來調整單個列表元素的大小。據我記得,調整一個單獨的元素工作正常;只要確保你檢查你沒有引入任何未定義的行爲。 – jumploops