[REACT NATIVE] Scroll down with classic loop

ScrollDown_with_classic_loop.js

import React, { Component } from 'react';
import { AppRegistry, ScrollView, Image, Text } from 'react-native'

class IScrolledDownAndWhatHappenedNextShockedMe extends Component {
  render() {
    var rows = [];
    for (var i = 0; i < 30; i++) {
      rows.push(<Text style={{fontSize:1+i}}>Te amo Alexandra</Text>);
    }
      return (
        <ScrollView>
          {rows}
        </ScrollView>
    );
  }
}


AppRegistry.registerComponent(
  'IScrolledDownAndWhatHappenedNextShockedMe',
  () => IScrolledDownAndWhatHappenedNextShockedMe);