Will allow side alphabet list to work properly on android when the co…

components/CellWrapper.js

@@ -1,46 +1,45 @@
-'use strict';
-
-import React, {
-  Component,
-  PropTypes
-} from 'react';
-import ReactNative, {
-  View
-} from 'react-native';
-
-export default class CellWrapper extends Component {
-  componentDidMount() {
-    this.props.updateTag && this.props.updateTag(ReactNative.findNodeHandle(this.refs.view), this.props.sectionId);
-  }
-
-  render() {
-    const Cell = this.props.component;
-    return (
-      <View ref='view'>
-        <Cell {...this.props} />
-      </View>
-    );
-  }
-}
-
-CellWrapper.propTypes = {
-
-  /**
-   * The id of the section
-   */
-  sectionId: PropTypes.oneOfType([
-    PropTypes.number,
-    PropTypes.string
-  ]),
-
-  /**
-   * A component to render for each cell
-   */
-  component: PropTypes.func.isRequired,
-
-  /**
-   * A function used to propagate the root nodes handle back to the parent
-   */
-  updateTag: PropTypes.func
-
-};
+'use strict';
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ReactNative, {
+  View
+} from 'react-native';
+
+export default class CellWrapper extends Component {
+
+  componentDidMount() {
+    this.props.updateTag && this.props.updateTag(ReactNative.findNodeHandle(this.refs.view), this.props.sectionId);
+  }
+
+  render() {
+    var Cell = this.props.component;
+    return (
+      <View ref='view'>
+        <Cell {...this.props} />
+      </View>
+    );
+  }
+}
+
+CellWrapper.propTypes = {
+
+  /**
+   * The id of the section
+   */
+  sectionId: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.string
+  ]),
+
+  /**
+   * A component to render for each cell
+   */
+  component: PropTypes.func.isRequired,
+
+  /**
+   * A function used to propagate the root nodes handle back to the parent
+   */
+  updateTag: PropTypes.func
+
+};

components/SectionHeader.js

@@ -1,69 +1,68 @@
-'use strict';
-
-import React, {
-  Component,
-  PropTypes
-} from 'react';
-import ReactNative, {
-  StyleSheet,
-  View,
-  Text,
-  NativeModules
-} from 'react-native';
-
-const { UIManager } = NativeModules;
-
-export default class SectionHeader extends Component {
-
-  componentDidMount() {
-    this.props.updateTag && this.props.updateTag(ReactNative.findNodeHandle(this.refs.view), this.props.sectionId);
-  }
-
-  render() {
-    const SectionComponent = this.props.component;
-    const content = SectionComponent ?
-      <SectionComponent {...this.props} /> :
-      <Text>{this.props.title}</Text>;
-
-    return (
-      <View ref="view">
-        {content}
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor:'#f8f8f8',
-    borderTopWidth: 1,
-    borderTopColor: '#ececec'
-  },
-  text: {
-    fontWeight: '700',
-    paddingTop:2,
-    paddingBottom:2,
-    paddingLeft: 2
-  }
-});
-
-SectionHeader.propTypes = {
-
-  /**
-   * The id of the section
-   */
-  sectionId: PropTypes.oneOfType([
-    PropTypes.number,
-    PropTypes.string
-  ]),
-
-  /**
-   * A component to render for each section item
-   */
-  component: PropTypes.func,
-
-  /**
-   * A function used to propagate the root nodes handle back to the parent
-   */
-  updateTag: PropTypes.func
-};
+'use strict';
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import ReactNative, {
+  StyleSheet,
+  View,
+  Text,
+  NativeModules
+} from 'react-native';
+
+const UIManager = NativeModules;
+
+export default class SectionHeader extends Component {
+
+  componentDidMount() {
+    this.props.updateTag && this.props.updateTag(ReactNative.findNodeHandle(this.refs.view), this.props.sectionId);
+  }
+
+  render() {
+    var SectionComponent = this.props.component;
+    var content = SectionComponent ?
+      <SectionComponent {...this.props} /> :
+      <Text style={styles.text}>{this.props.title}</Text>;
+
+    return (
+      <View ref="view" style={styles.container}>
+        {content}
+      </View>
+    );
+  }
+}
+
+var styles = StyleSheet.create({
+  container: {
+    backgroundColor:'#f8f8f8',
+    borderTopWidth: 1,
+    borderTopColor: '#ececec'
+  },
+  text: {
+    fontWeight: '700',
+    paddingTop:2,
+    paddingBottom:2,
+    paddingLeft: 2
+  }
+});
+
+SectionHeader.propTypes = {
+
+  /**
+   * The id of the section
+   */
+  sectionId: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.string
+  ]),
+
+  /**
+   * A component to render for each section item
+   */
+  component: PropTypes.func,
+
+  /**
+   * A function used to propagate the root nodes handle back to the parent
+   */
+  updateTag: PropTypes.func
+
+};