fix(loadMinimal): prevent flick when loop and loadMinimal are enabled

fix #1062
leecade · Sep 29, 2019 · 67822de · 67822de
1 parent 3a119c8
commit 67822de
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/examples/index.js b/examples/index.js
@@ -9,9 +9,9 @@ import Basic from './components/Basic'; // Only update index when scrollEnd
 import DisableButton from './components/DisableButton';
 import Loop from './components/Loop';
 import Dynamic from './components/Dynamic/';
-import LoadMinimal from './components/LoadMinimal/'; // flicker existing when shift from last to first (or last to first)
+import LoadMinimal from './components/LoadMinimal/';
 import Phone from './components/Phone/';
 // import PhotoView from './components/PhotoView/'; // not working
 import Swiper from './components/Swiper/'; // working but no title displayed, direction vertical not work well on android
 import SwiperNumber from './components/SwiperNumber/'; // working but no title displayed
-AppRegistry.registerComponent(appName, () => DisableButton);
+AppRegistry.registerComponent(appName, () => LoadMinimal);
diff --git a/src/index.js b/src/index.js
@@ -832,8 +832,12 @@ export default class extends Component {
       pages = pages.map((page, i) => {
         if (loadMinimal) {
           if (
-            i >= index + loopVal - loadMinimalSize &&
-            i <= index + loopVal + loadMinimalSize
+            (i >= index + loopVal - loadMinimalSize &&
+              i <= index + loopVal + loadMinimalSize) ||
+            // The real first swiper should be keep
+            i === loopVal ||
+            // The real last swiper should be keep
+            i === total - 1 + loopVal
           ) {
             return (
               <View style={pageStyle} key={i}>