Re-measure when layout change

bjornco · May 18, 2016 · eba5659 · eba5659
1 parent 92dea8f
commit eba5659
Showing 1 changed file with 18 additions and 12 deletions.
diff --git a/components/SectionList.js b/components/SectionList.js
@@ -63,20 +63,25 @@ class SectionList extends Component {
   }
 
   componentDidMount() {
-    const sectionItem = this.refs.sectionItem0;
-
-    this.measureTimer = setTimeout(() => {
-      sectionItem.measure((x, y, width, height, pageX, pageY) => {
-        //console.log([x, y, width, height, pageX, pageY]);
-        this.measure = {
-          y: pageY,
-          height
-        };
-      })
-    }, 0);
-
+    this.onMeasure();
     //console.log(sectionItem);
   }
+
+  onMeasure() {
+    if (this && this.refs) {
+      const sectionItem = this.refs.sectionItem0;
+      this.measureTimer = setTimeout(() => {
+        sectionItem.measure((x, y, width, height, pageX, pageY) => {
+          //console.log([x, y, width, height, pageX, pageY]);
+          this.measure = {
+            y: pageY,
+            height
+          };
+        })
+      }, 0);
+    }
+  }
+
   componentWillUnmount() {
     this.measureTimer && clearTimeout(this.measureTimer);
   }
@@ -127,6 +132,7 @@ class SectionList extends Component {
         onResponderGrant={this.detectAndScrollToSection}
         onResponderMove={this.detectAndScrollToSection}
         onResponderRelease={this.resetSection}
+        onLayout={()=>{this.onMeasure()}}
       >
         {sections}
       </View>