在使用redux的react-native中,可以通过以下步骤来显示活动指示器:
import React, { useState } from 'react';
import { View, ActivityIndicator } from 'react-native';
import { useDispatch, useSelector } from 'react-redux';
import { postAction, updateAction } from './actions';
const [loading, setLoading] = useState(false);
const data = useSelector(state => state.data);
const dispatch = useDispatch();
const handlePost = () => {
setLoading(true);
dispatch(postAction(data));
};
const handleUpdate = () => {
setLoading(true);
dispatch(updateAction(data));
};
return (
<View>
{/* 其他组件内容 */}
{loading && <ActivityIndicator size="large" color="#0000ff" />}
</View>
);
通过以上步骤,当进行POST或UPDATE调用前,活动指示器会显示出来,以提醒用户正在进行操作。当调用完成后,可以根据需要设置loading为false,隐藏活动指示器。
推荐的腾讯云相关产品:腾讯云移动应用分析(MTA),该产品提供了移动应用数据分析和用户行为分析的能力,可以帮助开发者更好地了解用户行为和应用性能,优化移动应用的开发和运营。产品介绍链接地址:https://cloud.tencent.com/product/mta
领取专属 10元无门槛券
手把手带您无忧上云