pagination.js 808 B

12345678910111213141516171819202122232425262728
  1. import {ActivityIndicator, Text, View} from 'react-native';
  2. import public_css from '../../source/css/public_css';
  3. import React from 'react';
  4. // 列表分页加载尾部组件
  5. //参数: 0: 无数据 1:加载中 2:上拉加载
  6. export const Footer = (footType) => {
  7. if (footType === 0) {
  8. return (
  9. <View style={public_css.footNoData}>
  10. <Text style={public_css.footNoDataText}>没有更多数据了</Text>
  11. </View>
  12. );
  13. } else if (footType === 1) {
  14. return (
  15. <View style={public_css.footerLoad}>
  16. <ActivityIndicator />
  17. <Text>正在加载...</Text>
  18. </View>
  19. );
  20. } else if (footType === 2) {
  21. return (
  22. <View style={public_css.footUpLoad}>
  23. <Text style={public_css.footUpLoadText}>上拉加载</Text>
  24. </View>
  25. );
  26. }
  27. };