Integrate OneContext into Nylo

[sizoune]

hi im trying to initialize OneContext into my project, this is how i initialize it

 runApp(
    AppBuild(
      navigatorKey: NyNavigator.instance.router.navigatorKey,
      onGenerateRoute: nylo.router!.generator(),
      debugShowCheckedModeBanner: false,
      initialRoute: nylo.getInitialRoute(),
      navigatorObservers: nylo.getNavigatorObservers(),
      builder: (context, child) => OneContext().builder(context, child),
    ),
  );

im using OneContext to show some dialog in this code

class LoadingDialog extends StatelessWidget {
  final String text;
  const LoadingDialog({super.key, required this.text});

  @override
  Widget build(BuildContext context) {
    return PopScope(
      child: Dialog(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(8),
        ),
        elevation: 0,
        backgroundColor: Colors.transparent,
        child: Container(
          decoration: BoxDecoration(
            color: ThemeColor.get(context).background,
            borderRadius: BorderRadius.circular(8),
          ),
          padding: EdgeInsets.all(20),
          child: Row(
            children: <Widget>[
              CircularProgressIndicator(
                valueColor: AlwaysStoppedAnimation(
                    ThemeColor.get(context).appBarBackground),
              ),
              SizedBox(width: 20),
              Expanded(
                child: Text(
                  text,
                  textAlign: TextAlign.center,
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}

Future showLoadingDialog(String text) {
  return OneContext.instance.showDialog(
      barrierDismissible: true,
      builder: (context) => LoadingDialog(text: text));
}

and i call that dialog in my page which have this function

_refreshData({
    isForce = false,
  }) async {
    if (list == null || isForce) {
      //  Ambil lokasi
      Position? loc;
      try {
        loc = await locationGetCurrent();
      } catch (e) {
        showToastSorry(description: "Terjadi kesalahan saat mengambil lokasi");
        return;
      }

      //  Ambil lokasi terdekat
      showLoadingDialog("Mengambil Lokasi Terdekat");
      try {
        print("Loading data");
        print(loc);
        var dataLokasi = await api<ApiService>(
          (request) => request.fetchLokasiTerdekat(
            loc?.latitude ?? 0,
            loc?.longitude ?? 0,
          ),
        );
        list = dataLokasi.data?.lokasi;
      } on DioException catch (e) {
        print(e);
        showToastDanger(description: "Terjadi kesalahan saat mengambil lokasi");
        return;
      } finally {
        OneContext.instance.popDialog();
      }

      setState(() {});
    }
  }

the loading dialog is run successfully, but i got error when trying to pop the dialog, the error said

 𖢥 == Error Details == 𖢥
I/flutter ( 5052):   OneContext not initiated! please use builder method.
I/flutter ( 5052):   You need to use the OneContext().builder function to be able to show dialogs and overlays! e.g. ->
I/flutter ( 5052):
I/flutter ( 5052):   MaterialApp(
I/flutter ( 5052):     builder: OneContext().builder,
I/flutter ( 5052):     ...
I/flutter ( 5052):   )
I/flutter ( 5052):
I/flutter ( 5052):   If you already set the OneContext().builder early, maybe you are probably trying to use some methods that will only be available after the first MaterialApp build.
I/flutter ( 5052):   OneContext needs to be initialized by MaterialApp before it can be used in the application. This error exception occurs when OneContext context has not yet loaded and you try to use some method that needs the context, such as the showDialog, dismissSnackBar, showSnackBar, showModalBottomSheet, showBottomSheet or popDialog methods.
I/flutter ( 5052):
I/flutter ( 5052):   If you need to use any of these OneContext methods before defining the MaterialApp, a safe way is to check if the OneContext context has already been initialized.
I/flutter ( 5052):   e.g.
I/flutter ( 5052):
I/flutter ( 5052):   ```dart
I/flutter ( 5052):     if (OneContext.hasContext) {OneContext().showDialog (...);}
I/flutter ( 5052):   ```

[agordn52]

Hi @sizoune,

As per the docs for https://pub.dev/packages/one_context, it looks like you'll need to add OneContext().builder to the MaterialApp Widget.

Navigate to lib/bootstrap/app.dart and look for the MaterialApp widget to update.
Add OneContext().builder

builder: (context, Locale locale, _) => MaterialApp(
    builder: OneContext().builder,
    navigatorKey: OneContext().key,
...