1import React from 'react'; 2import {StyleSheet, View} from 'react-native'; 3import rpx from '@/utils/rpx'; 4import {ActivityIndicator, useTheme} from 'react-native-paper'; 5import {fontSizeConst} from '@/constants/uiConst'; 6import ThemeText from './themeText'; 7 8export default function ListLoading() { 9 const {colors} = useTheme(); 10 11 return ( 12 <View style={style.wrapper}> 13 <ActivityIndicator 14 animating 15 color={colors.text} 16 size={fontSizeConst.title} 17 /> 18 <ThemeText style={style.loadingText}>加载中...</ThemeText> 19 </View> 20 ); 21} 22 23const style = StyleSheet.create({ 24 wrapper: { 25 width: '100%', 26 height: rpx(420), 27 justifyContent: 'center', 28 alignItems: 'center', 29 }, 30 loadingText: { 31 marginTop: rpx(100), 32 }, 33}); 34