Back navigation cause black screen

[BednarPe94]

ThingsBoard Platform Version

4.2.1.1 and 4.3.0.1

Affected platforms

Both

ThingsBoard Platform Type

Self-hosted ThingsBoard

App Release Version

1.8.0

App type

Custom build app

Steps to reproduce

1. Open the app
2. Login
3. app redirects to home page - which is custom dashboard
4. there is back navigation button at the left top of the screen
5. if user clicks on the back navigation button then black screen appears and app needs to be restarted

The home page custom dashboard is set in mobile center/bundle/layout in Web Thingsboard

Expected results

There isn't suppose to be back navigation button on home page, or it needs to be checked if there are any pages in navigation stack

Actual results

Black screen appears on click of back navigation button - app needs to be restarted.

Problematic Files (Optional)

No response

Code sample

Code sample

[Paste your relevant code here]

Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

App Logs

App Logs

E/flutter ( 4581): [ERROR:flutter/runtime/dart_vm_initializer.cc(40)] Unhandled Exception: 'package:go_router/src/delegate.dart': Failed assertion: line 175 pos 7: 'currentConfiguration.isNotEmpty': You have popped the last page off of the stack, there are no pages left to show
E/flutter ( 4581): #0      _AssertionError._doThrowNew (dart:core-patch/errors_patch.dart:63:4)
E/flutter ( 4581): #1      _AssertionError._throwNew (dart:core-patch/errors_patch.dart:45:5)
E/flutter ( 4581): #2      GoRouterDelegate._debugAssertMatchListNotEmpty (package:go_router/src/delegate.dart:175:7)
E/flutter ( 4581): #3      GoRouterDelegate._completeRouteMatch (package:go_router/src/delegate.dart:196:5)
E/flutter ( 4581): #4      GoRouterDelegate._handlePopPageWithRouteMatch (package:go_router/src/delegate.dart:154:7)
E/flutter ( 4581): #5      _CustomNavigatorState._handlePopPage (package:go_router/src/builder.dart:447:42)
E/flutter ( 4581): #6      NavigatorState.pop (package:flutter/src/widgets/navigator.dart:5594:28)
E/flutter ( 4581): #7      _SingleDashboardViewState.build.<anonymous closure> (package:thingsboard_app/modules/dashboard/presentation/view/single_dashboard_view.dart:63:39)
E/flutter ( 4581): <asynchronous suspension>
E/flutter ( 4581): 
I/Choreographer( 4581): Skipped 9000 frames!  The application may be doing too much work on its main thread.
[AndroidInAppWebViewWidget] (android) AndroidInAppWebViewWidget ID 0 calling "dispose" using []
I/flutter ( 4581):   ERROR ┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
I/flutter ( 4581):   ERROR │ ⛔ Error during dispose: A AndroidInAppWebViewController was used after being disposed.
I/flutter ( 4581):   ERROR │ ⛔ Once the AndroidInAppWebViewController has been disposed, it can no longer be used.
I/flutter ( 4581):   ERROR └───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────

Flutter Doctor output (Optional)

Doctor output

[Paste your flutter doctor -v output here]

[AlexDoanTB]

Have you tried using the officially released ThingsBoard Cloud app?
The log indicated that you might have customized the AppBar, specifically the tb_app_bar.dart

[BednarPe94]

We can't use ThingsBoard cloud app since we are using self hosted Thingsboard, so we need custom build app with specific settings (e.g. endpoint), which are generated from our ThingsBoard mobile center.
That is also where we have custom mobile layout settings (as I mentioned above). All of this has been set step by step according to instuctions on ThingsBoard Mobile PE app documentation page

Our tb_app_bar.dart is without any changes from file from version 1.8.0 tb_app_bar.dart

[AlexDoanTB]

@BednarPe94 You can connect to your TB PE with the ThingsBoard Cloud app. Just scan the QR code you have on the web UI (the app login page has a Scan code option) once you are logged in.

And what is there on your targeted dashboard? Have you happened to implement a custom nav bar on it?

[BednarPe94]

@AlexDoanTB Logging with QR code is nice, but it is not always usable. Also when I log with ThingsBoard Cloud app, then for example notifications will not work and our custom mobile layout won't apply.

On targeted dashboard is entity table of all dashboards, where you can use pagination and filtering. Since default dashboards page visual in ThingsBoard app is not very efficient for our customers with high numbers of dashboards.

[AlexDoanTB]

@BednarPe94 If you login with the official App, the app fetches configs from your server.

On targeted dashboard is entity table of all dashboards, where you can use pagination and filtering.

How do you list dashboard names? How many dashboards do you have? Is this a default table widget or a customised one?
On your very first screen, the state does not seem to be the root (home) one. If you move across states, the HOME (or your custom "Home") should not return you to the root state of a dashboard.

What do you mean by app needs to be restarted? Does it fix the nav arrow, and does it appear afterwards (upon a certain condition)?

[BednarPe94]

If you login with the official App, the app fetches configs from your server.

@AlexDoanTB I am not sure if this is true. Notifications needs to be configured inside application code. So how would that work?
Also the custom mobile layout is not loaded in Thingsboard Cloud app as you can see on the picture below

How do you list dashboard names? How many dashboards do you have? Is this a default table widget or a customised one? On your very first screen, the state does not seem to be the root (home) one. If you move across states, the HOME (or your custom "Home") should not return you to the root state of a dashboard.

It is default entity table with alias listing all available dashboards. But that's not the problem, the back navigation arrow button appears there with even empty dashboard.

What do you mean by app needs to be restarted? Does it fix the nav arrow, and does it appear afterwards (upon a certain condition)?

It means that if I click on the back navigation arrow button, then the black screen appears, from where I cannot move anywhere. And I need to shutdown the app from system level and start it again. And then the problem appears again.

[AlexDoanTB]

@BednarPe94 What is there in your single_dashboard_view.dart

line 63

} else {
  if (context.mounted) {
     Navigator.of(context).pop();
}

Try with

if (context.mounted) {
  if (Navigator.of(context).canPop()) {
    Navigator.of(context).pop();
  } else {
    // No pages to pop, navigate to YOUR_HOME instead
    context.go('/home'); // Or your main route
  }
}

Afterwards, it makes sense to clean Flutter, clean Android, and refresh dependencies and run the build.