adjusted default styling of refreshing indicator

Author: jsdf

README.md

@@ -222,6 +222,16 @@ var MyRefreshingIndicator = React.createClass({
 
 ### changelog
 
+- **2.0.0-beta3**
+ - fixed proptype warnings from internal component
+ - adjusted default styling of refreshing indicator
+
+- **2.0.0-beta2**
+ - pulling down now reveals refreshing indicator behind current view, rather
+ than the refreshing indicator moving down from the top of the screen
+ - `renderHeaderWrapper` is no longer used 
+ - fixed infinite refreshing when pulled down
+
 - **1.2.0**
  - deprecated `renderHeader` in favour of `renderHeaderWrapper` as some 
  developers seemed to be confused by the fact that a `renderHeader` handler 

lib/RefreshingIndicator.js

@@ -75,8 +75,10 @@ var RefreshingIndicator = React.createClass({
  return (
  <View style={[styles.wrapper]}>
  <View style={[styles.container, styles.loading, styles.content]}>
- {this.renderDescription(styles)}
- {this.renderActivityIndicator(styles)}
+ <View style={[styles.stack]}>
+ {this.renderDescription(styles)}
+ {this.renderActivityIndicator(styles)}
+ </View>
  </View>
  </View>
  )
@@ -87,16 +89,21 @@ var stylesheet = StyleSheet.create({
  container: {
  flex: 1,
  justifyContent: 'center',
- alignItems: 'center',
+ alignItems: 'flex-start',
  flexDirection: 'row',
  },
+ stack: {
+ flex: 1,
+ justifyContent: 'center',
+ alignItems: 'center',
+ flexDirection: 'column',
+ },
  wrapper: {
  height: 60,
- marginTop: 10,
  },
  content: {
  marginTop: 10,
- height: 60,
+ height: 40,
  },
 })
 

test/RefreshableListViewTest/index.ios.js

@@ -5,6 +5,7 @@ var {
  Text,
  View,
  ListView,
+ StatusBarIOS,
 } = React;
 
 var RefreshableListView = require('react-native-refreshable-listview')
@@ -22,6 +23,9 @@ var RefreshableListViewTest = React.createClass({
  var rows = makeSequence(100).map((n) => ({text: 'not refreshed '+n}))
  return {dataSource: ds.cloneWithRows(rows)}
  },
+ componentDidMount() {
+ StatusBarIOS.setStyle(0)
+ },
  reloadItems() {
  return delay(1000).then(() => {
  var rows = makeSequence(100).map((n) => ({text: 'refreshed '+n}))
@@ -39,13 +43,15 @@ var RefreshableListViewTest = React.createClass({
  },
  render() {
  return (
- <RefreshableListView
- dataSource={this.state.dataSource}
- renderRow={this.renderItem}
- loadData={this.reloadItems}
- refreshDescription="Refreshing items"
- refreshPrompt="Pull down to refresh"
- />
+ <View style={{marginTop: 20}}>
+ <RefreshableListView
+ dataSource={this.state.dataSource}
+ renderRow={this.renderItem}
+ loadData={this.reloadItems}
+ refreshDescription="Refreshing items"
+ refreshPrompt="Pull down to refresh"
+ />
+ </View>
  )
  },
 });