xref: /MusicFree/src/components/base/listLoading.tsx (revision 4060c00a75883036bbd315fb25c90065209312b3)

import React from 'react';
import {StyleSheet, View} from 'react-native';
import rpx from '@/utils/rpx';
import {ActivityIndicator, useTheme} from 'react-native-paper';
import {fontSizeConst} from '@/constants/uiConst';

export default function ListLoading() {
    const {colors} = useTheme();

    return (
        <View style={style.wrapper}>
            <ActivityIndicator
                animating
                color={colors.text}
                size={fontSizeConst.title}
            />
        </View>
    );
}

const style = StyleSheet.create({
    wrapper: {
        width: '100%',
        height: rpx(100),
        justifyContent: 'center',
        alignItems: 'center',
    },
});