如何在 flutter 中延迟数据视图 3 秒

Question

这是我的代码

Container(
      child: Column(
        children: jobProvider.jobs
            .map(
              (job) => JobTile(job),
            )
            .toList(),
      ),
    )

如何加载此数据延迟 3 秒？这里我显示listview数据，在显示之前我想显示，

return Container(
           child: ProfileShimmer(),
        );

Answer 1

应该像这样简单：

import 'package:flutter/material.dart';

class PageWithDelayedView extends StatefulWidget {
  const PageWithDelayedView({Key? key}) : super(key: key);

  @override
  _PageWithDelayedViewState createState() => _PageWithDelayedViewState();
}

class _PageWithDelayedViewState extends State<PageWithDelayedView> {
  bool _initialized = false;

  @override
  void initState() {
    super.initState();

    // Schedule function call after the widget is ready to display
    WidgetsBinding.instance?.addPostFrameCallback((_) {
      _initialize();
    });
  }

  void _initialize() {
    Future<void>.delayed(const Duration(seconds: 3), () {
      if (mounted) { // Check that the widget is still mounted
        setState(() {
          _initialized = true;
        });
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    if (!_initialized) {
      return Text('Hold on a bit');
    }
    return Text('Yay, I\'m ready!');
  }
}

如何在 flutter 中延迟数据视图 3 秒

how to delay data view 3 second in flutter

flutter

flutter-layout

flutter-listview