介绍

如果实现加载中？这节课就告诉你。

大家好，这里是东哥。您现在收看的是「长乐未央全栈系列：React Native 项目实战」课程的第 13 回：自定义加载中组件，在这节课里，我们将探讨：

• 如何在 React Native 中实现加载中效果？
• 活动指示器（ActivityIndicator）组件的使用
• 如何自定义组件？

App一打开，就会自动请求接口，读取课程列表。它是一个网络请求，是一个耗时的操作。

在还没有读取到接口数据之前，我们可以先显示一个加载中的效果。等数据请求到了，再显示课程列表。

那这节课，咱们就来实现下这个功能。

实现加载中

设置初始状态

打开App.js，先定义一个loading状态：

const [loading, setLoading] = useState(true);

• 默认值是true，也就是刚打开App，默认就是加载中状态。

请求完成后，修改状态

接着修改请求部分的代码：

con...