add FlatListExample

Author: 2534290808

Example/App.js

@@ -16,6 +16,7 @@ import {
 } from 'react-native';
 import HuaWeiRefreshControl from './HuaWeiRefreshControl'
 import ListViewExample from './ListViewExample'
+import FlatListExample from "./FlatListExample";
 const instructions = Platform.select({
     ios: 'Press Cmd+R to reload,\n' +
     'Cmd+D or shake for dev menu',
@@ -42,7 +43,7 @@ type Props = {};
 export default class App extends Component<Props> {
     render() {
         return (
-            <ListViewExample/>
+            <FlatListExample/>
         );
     }
 }

Example/FlatListExample.js

@@ -0,0 +1,38 @@
+import React, {Component} from 'react';
+import {StyleSheet, View, Text,ListView,ScrollView,FlatList} from 'react-native';
+import PropTypes from 'prop-types';
+import HuaWeiRefreshControl from './HuaWeiRefreshControl';
+
+export default class FlatListExample extends Component {
+    constructor(props){
+        super(props);
+        this.state = {
+            data: ['row 1', 'row 2','row 3','row 4','row 5','row 6','row 7','row 8'],
+        };
+    }
+    _onRefresh=()=>{
+        setTimeout(()=>{
+            this._hw && this._hw.finishRefresh()
+        },1000)
+    }
+    render() {
+        return (
+            <View style={{flex: 1}}>
+                <FlatList
+                    data={this.state.data}
+                    renderItem={({item,index}) => <Text key={index} onPress={()=>alert(111)} style={{height:100}}>{item}</Text>}
+                    renderScrollComponent={props=><ScrollView
+                        style={{flex:1}}
+                        refreshControl={
+                            <HuaWeiRefreshControl
+                                ref={ref=>this._hw = ref}
+                                onRefresh={this._onRefresh}
+                            />
+                        }
+                        {...props}
+                    />}
+                />
+            </View>
+        )
+    }
+}