xref: /MusicFree/src/components/base/listLoading.tsx (revision b882a19d884fffa32f7c8cef31652b909dceaa0f)
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';
6
7export default function ListLoading() {
8    const {colors} = useTheme();
9
10    return (
11        <View style={style.wrapper}>
12            <ActivityIndicator
13                animating
14                color={colors.text}
15                size={fontSizeConst.title}
16            />
17        </View>
18    );
19}
20
21const style = StyleSheet.create({
22    wrapper: {
23        width: '100%',
24        height: rpx(100),
25        justifyContent: 'center',
26        alignItems: 'center',
27    },
28});
29