From b78127402e2072d36aa948c7f736f26adf17f5ba Mon Sep 17 00:00:00 2001 From: kaiyuanlee Date: Sun, 25 Apr 2021 21:31:24 +0800 Subject: [PATCH] fix The underline will flash as you swipe left and right --- ScrollableTabBar.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/ScrollableTabBar.js b/ScrollableTabBar.js index 1500b2db..81b7d872 100644 --- a/ScrollableTabBar.js +++ b/ScrollableTabBar.js @@ -104,8 +104,9 @@ const ScrollableTabBar = createReactClass({ } }, - + prevPageOffset: 0,//解决 flash 闪屏问题 updateTabUnderline(position, pageOffset, tabCount) { + if(pageOffset==this.prevPageOffset) return const lineLeft = this._tabsMeasurements[position].left; const lineRight = this._tabsMeasurements[position].right; @@ -122,6 +123,7 @@ const ScrollableTabBar = createReactClass({ this.state._leftTabUnderline.setValue(lineLeft); this.state._widthTabUnderline.setValue(lineRight - lineLeft); } + this.prevPageOffset = pageOffset }, renderTab(name, page, isTabActive, onPressHandler, onLayoutHandler) {