react-native 笔记-下拉刷新-scrollView

笔记-下拉刷新

import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
  ScrollView,
  Dimensions,
  RefreshControl,
  StatusBar,
  SafeAreaView,
} from 'react-native'
const width = Dimensions.get('window').width;


class DemoRefresh extends Component {
  constructor(){
    super();
    this.state = {
      rowDataArr: Array.from( new Array(30)).map( (value, index) => ({
        title: '初始化数据' + index
      })),
      isRefreshing: false,
      loaded: 0,
    }
  }

  onRefreshHandle() {
    this.setState({
      isRefreshing: true
    })
    setTimeout(() => {
      let newDataArr = Array.from( new Array(5)).map( (value, index) => ({
        title: '我是下拉数据' + (index + this.state.loaded)
      })).concat( this.state.rowDataArr );
      this.setState({
        rowDataArr: newDataArr,
        isRefreshing: false,
        loaded: this.state.loaded +