根據滾動方向對原生顯示/隱藏導航欄作出反應

我是新手，反應原生和js。根據滾動方向對原生顯示/隱藏導航欄作出反應

我想在用戶開始在任何時間/位置向上滾動時顯示我的導航欄，並在用戶開始在任何位置向下滾動時隱藏我的導航欄。

我的第一種方法是一起使用「動畫」和「找出滾動方向」，但我失敗了。任何人都可以告訴我詳細的可能嗎？

謝謝！

來源

2017-08-07 Emre Şahiner

請登錄：（ –

在您的滾動視圖中，將onScroll函數添加到您的滾動視圖。

當函數被調用，檢查滾動方向：

var currentOffset = event.nativeEvent.contentOffset.y; 
var direction = currentOffset > this.offset ? 'down' : 'up'; 
if(direction == 'down') { 
    // hide the nav 
} else { 
    // show the nav 
}

我希望它幫你！

來源

2017-08-07 03:37:51

）我收到「無法找到變量事件」錯誤，請給出一些更詳細的代碼請問您可以爲我準備_onScroll（）函數嗎？：/ –

@EmreŞahiner您可以有一個看看這個：https：//stackoverflow.com/questions/29503252/react-native-get-current-scroll-position-of-scrollview/32070911在處理滾動，simpli複製/粘貼我張貼在下面的代碼！其實我不能寫你的全部功能，也許明天吧！ –

謝謝你的回答！我實現了你的建議，它可以工作，但是當我滾動這兩個方向時，總是打印出「up」（其他部分）。 .offset返回「undefined」） –

根據滾動方向對原生顯示/隱藏導航欄作出反應

回答

相關問題