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
+
+};