如何使用BottomNavigation和命名路线在Flutter中使CircularProgressBar或其他微调器起作用？

Question

如何在从API加载数据时使CircularProgress运行？来自main.dart的Function调用页面，该页面具有Apple.dart的逻辑，Apple.dart则从Future（与API连接）中获取数据

“尝试使用isLoading = false方法但没有帮助”

在Apple.dart上

bool isLoadingFromApple = false;

class _AppleState extends State<Apple> {
  final getPost = NetworkFile().getCategories(2219);

  List posts = [];

  void getPostsList() async {
    var res = await getPost;
    setState(() {
     posts = res;
     isLoadingFromApple = true;
    });
  }
}

在main.dart上

页面已导入

List<Widget> _widgetOption = <Widget>[
  HomePage(),
  Google(),
  Microsoft(),
  isLoadingFromApple ? CircularProgressIndicator() : Apple(),
  Others(),
];

预期结果：Progress Spinner继续进行直到下载背景数据为止。

实际：卡在进度微调器上

Answer 1

帖子加载后，您将显示Progress Spinner。

按照以下方式操作：

List<Widget> _widgetOption = <Widget>[
  HomePage(),
  Google(),
  Microsoft(),
  !isLoadingFromApple ? CircularProgressIndicator() : Apple(),
  Others(),
];

或

List<Widget> _widgetOption = <Widget>[
  HomePage(),
  Google(),
  Microsoft(),
  isLoadingFromApple ? Apple() : CircularProgressIndicator() ,
  Others(),
];