Boot and Loading

[andim27]

nylo_framework: ^5.21.9
My itemsView is working
Loading widget doesn't works. Why?

class _MyPageState extends NyState<MyPage> {

  @override
  init() async {
    super.init();
  }

  @override
  boot() async {
    loadItems();
   
    });
  }

  Future loadItems() async {
    //--my loading data
  }

 @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(),
      body: SafeArea(
          child: Container(
              color: ThemeColor.get(context).background,
              width: MediaQuery.sizeOf(context).width,
              height: MediaQuery.sizeOf(context).height,
              child: afterLoad(
                  loading: Center(
                    child: SizedBox(
                      width: 80,
                      height: 80,
                      child: CircularProgressIndicator(
                     
                          ),
                    ),
                  ),
                  child: () {
                    return itemsView();
                  }))),
    );
  }

[agordn52]

Hi @andim27,

You need to ensure that any async tasks use await in the boot method.

@override
boot() async {
    await loadItems();
}

Future loadItems() async {
    await sleep(2); // fetch your data here
}

Or you can use the view method which would look like this.

class _TestPageState extends NyState<TestPage> {
  
  @override
  boot() async {
    await loadItems();
  }
  
  Future loadItems() async {
    await sleep(2);
  }

  @override
  Widget loading(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          width: 80,
          height: 80,
          child: CircularProgressIndicator(),
        ),
      ),
    );
  }

  @override
  Widget view(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: SafeArea(
          child: Container(
              color: ThemeColor.get(context).background,
              width: MediaQuery.sizeOf(context).width,
              height: MediaQuery.sizeOf(context).height,
              child: Text('data'))),
    );
  }
}

Hope that helps 👍