App12ScrollView.js 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. import React from 'react';
  2. import {
  3. Image,
  4. ScrollView,
  5. Text,
  6. } from 'react-native';
  7. class IScrolledDownAndWhatHappenedNextShockedMe extends React.Component {
  8. render() {
  9. return (
  10. <ScrollView>
  11. <Text style={{ fontSize: 96 }}>Scroll me plz</Text>
  12. <Image source={require('../img/favicon.png')} />
  13. <Image source={require('../img/favicon.png')} />
  14. <Image source={require('../img/favicon.png')} />
  15. <Image source={require('../img/favicon.png')} />
  16. <Image source={require('../img/favicon.png')} />
  17. <Text style={{ fontSize: 96 }}>If you like</Text>
  18. <Image source={require('../img/favicon.png')} />
  19. <Image source={require('../img/favicon.png')} />
  20. <Image source={require('../img/favicon.png')} />
  21. <Image source={require('../img/favicon.png')} />
  22. <Image source={require('../img/favicon.png')} />
  23. <Text style={{ fontSize: 96 }}>Scrolling down</Text>
  24. <Image source={require('../img/favicon.png')} />
  25. <Image source={require('../img/favicon.png')} />
  26. <Image source={require('../img/favicon.png')} />
  27. <Image source={require('../img/favicon.png')} />
  28. <Image source={require('../img/favicon.png')} />
  29. <Text style={{ fontSize: 96 }}>What's the best</Text>
  30. <Image source={require('../img/favicon.png')} />
  31. <Image source={require('../img/favicon.png')} />
  32. <Image source={require('../img/favicon.png')} />
  33. <Image source={require('../img/favicon.png')} />
  34. <Image source={require('../img/favicon.png')} />
  35. <Text style={{ fontSize: 96 }}>Framework around?</Text>
  36. <Image source={require('../img/favicon.png')} />
  37. <Image source={require('../img/favicon.png')} />
  38. <Image source={require('../img/favicon.png')} />
  39. <Image source={require('../img/favicon.png')} />
  40. <Image source={require('../img/favicon.png')} />
  41. <Text style={{ fontSize: 80 }}>React Native</Text>
  42. </ScrollView>
  43. );
  44. }
  45. }
  46. export default IScrolledDownAndWhatHappenedNextShockedMe;