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