xref: /MusicFree/src/components/base/listLoading.tsx (revision 21f1ca1358f6d9bc5d2d1559221a72f162acdce5)
1*21f1ca13S猫头猫import React from 'react';
2*21f1ca13S猫头猫import {StyleSheet, View} from 'react-native';
3*21f1ca13S猫头猫import rpx from '@/utils/rpx';
4*21f1ca13S猫头猫import { ActivityIndicator, useTheme } from 'react-native-paper';
5*21f1ca13S猫头猫import { fontSizeConst, fontWeightConst } from '@/constants/uiConst';
6*21f1ca13S猫头猫import ThemeText from './themeText';
7*21f1ca13S猫头猫
8*21f1ca13S猫头猫
9*21f1ca13S猫头猫interface ILoadingProps {}
10*21f1ca13S猫头猫export default function ListLoading(props: ILoadingProps) {
11*21f1ca13S猫头猫  const {colors} = useTheme();
12*21f1ca13S猫头猫
13*21f1ca13S猫头猫  return (
14*21f1ca13S猫头猫    <View style={style.wrapper}>
15*21f1ca13S猫头猫      <ActivityIndicator animating color={colors.text} size={fontSizeConst.title}></ActivityIndicator>
16*21f1ca13S猫头猫    </View>
17*21f1ca13S猫头猫  );
18*21f1ca13S猫头猫}
19*21f1ca13S猫头猫
20*21f1ca13S猫头猫const style = StyleSheet.create({
21*21f1ca13S猫头猫  wrapper: {
22*21f1ca13S猫头猫    width: '100%',
23*21f1ca13S猫头猫    height: rpx(100),
24*21f1ca13S猫头猫    justifyContent: 'center',
25*21f1ca13S猫头猫    alignItems: 'center',
26*21f1ca13S猫头猫  },
27*21f1ca13S猫头猫});
28