react-native-uking-pull-to-refresh - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

package.json

 {
   "name": "react-native-uking-pull-to-refresh",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A smart pull-down-refresh and pull-up-loadmore react-native listview, for ios, written in pure JS, for android, written in JS and Java.",
@@ -5,0 +5,0 @@ "main": "PullToRefreshListView",

PullToRefreshListView-android.js

@@ -1092,8 +1092,23 @@ /*
     _renderHeader = () => {
-        return (
-            <RefreshView ref={ component => this._header = component }
-                         style={[styles.header, styles.shrink,]}
-                         viewType={refreshViewType.header}
-                         renderRefreshContent={this.props.renderHeader}/>
-        )
+        if (this.props.ListHeaderComponent) {
+            const element = React.isValidElement(this.props.ListHeaderComponent)
+                ? this.props.ListHeaderComponent
+                : <this.props.ListHeaderComponent />;
+            return (
+                <View key="$$Header">
+                    <RefreshView ref={component => this._header = component}
+                        style={[styles.header, styles.shrink,]}
+                        viewType={refreshViewType.header}
+                        renderRefreshContent={this.props.renderHeader} />
+                    {element}
+                </View>
+            );
+        } else {
+            return (
+                <RefreshView ref={component => this._header = component}
+                    style={[styles.header, styles.shrink,]}
+                    viewType={refreshViewType.header}
+                    renderRefreshContent={this.props.renderHeader} />
+            )
+        }
     }
@@ -1104,6 +1119,6 @@
             <RefreshView ref={ component => this._footer = component }
-                         onLayout={this._onFooterLayout}
-                         style={[styles.footer, this.props.autoLoadMore ? null : styles.shrink, { opacity: 0, }, ]}
-                         viewType={refreshViewType.footer}
-                         renderRefreshContent={this.props.renderFooter}/>
+                onLayout={this._onFooterLayout}
+                style={[styles.footer, this.props.autoLoadMore ? null : styles.shrink, { opacity: 0, }, ]}
+                viewType={refreshViewType.footer}
+                renderRefreshContent={this.props.renderFooter}/>
         )
@@ -1130,3 +1145,3 @@ }
                         {...listSectionProps}
-                              renderChildren={renderSectionHeader.bind(this, sectionData, sectionID)}/>
+                        renderChildren={renderSectionHeader.bind(this, sectionData, sectionID)}/>
                 )
@@ -1157,3 +1172,3 @@ }
                         {...listItemProps}
-                              renderChildren={renderRow.bind(this, rowData, sectionID, rowID)}/>
+                        renderChildren={renderRow.bind(this, rowData, sectionID, rowID)}/>
                 )
@@ -1160,0 +1175,0 @@ }

PullToRefreshListView-ios.js

@@ -912,8 +912,23 @@ /*
     _renderHeader = () => {
-        return (
-            <RefreshView ref={ component => this._header = component }
-                         style={[styles.header, styles.shrink,]}
-                         viewType={refreshViewType.header}
-                         renderRefreshContent={this.props.renderHeader}/>
-        )
+        if (this.props.ListHeaderComponent) {
+            const element = React.isValidElement(this.props.ListHeaderComponent)
+                ? this.props.ListHeaderComponent
+                : <this.props.ListHeaderComponent />;
+            return (
+                <View key="$$Header">
+                    <RefreshView ref={component => this._header = component}
+                        style={[styles.header, styles.shrink,]}
+                        viewType={refreshViewType.header}
+                        renderRefreshContent={this.props.renderHeader} />
+                    {element}
+                </View>
+            );
+        } else {
+            return (
+                <RefreshView ref={component => this._header = component}
+                    style={[styles.header, styles.shrink,]}
+                    viewType={refreshViewType.header}
+                    renderRefreshContent={this.props.renderHeader} />
+            )
+        }
     }
@@ -924,6 +939,6 @@
             <RefreshView ref={ component => this._footer = component }
-                         onLayout={this._onFooterLayout}
-                         style={[styles.footer, this.props.autoLoadMore ? null : styles.shrink, { opacity: 0, }, ]}
-                         viewType={refreshViewType.footer}
-                         renderRefreshContent={this.props.renderFooter}/>
+                    onLayout={this._onFooterLayout}
+                    style={[styles.footer, this.props.autoLoadMore ? null : styles.shrink, { opacity: 0, }, ]}
+                    viewType={refreshViewType.footer}
+                    renderRefreshContent={this.props.renderFooter}/>
         )
@@ -930,0 +945,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

131250

increased by0.95%

Lines of code

2192

increased by1.39%

No dependency changes