UI layout fixes

[farook-edev]

This PR fixes #942 by making sure the app does not clip or overlap elements on extreme screen sizes.

The primary culprit behind the clipping was the many Expanded elements, those were simplified and only the variable size items (such as lists) were allowed to expand.

One bug not mentioned in the issue was also fixed:

Also added fixes for the following issues as well:

[github-actions]

MLCommons CLA bot All contributors have signed the MLCommons CLA ✍️ ✅

[anhappdev]

The CI tests failed, and I suspect it's due to the UI changes. To debug the issue, you can run the tests locally using the command make flutter/test.

[freedomtan]

@anhappdev: please post the error message here.

Here is the error I got:

══╡ EXCEPTION CAUGHT BY FLUTTER FRAMEWORK ╞═════════════════════════════════════════════════════════
The following assertion was thrown:
The children of `MultiChildRenderObjectElement` must each has an associated render object.
This typically means that the `Positioned(left: 0.0, right: 0.0, bottom: 8.0)` or its children
are not a subtype of `RenderObjectWidget`.
The following element does not have an associated render object:
  Positioned
The relevant error-causing widget was:
  DropdownButton<String>
  DropdownButton:file:///Users/anh/dev/mlcommons/mobile_app_open/flutter/lib/ui/home/benchmark_config_section.dart:133:12

════════════════════════════════════════════════════════════════════════════════════════════════════

[farook-edev]

@anhappdev This is what I got when trying to use an android device

[anhappdev]

@anhappdev This is what I got when trying to use an android device

Did a complete uninstall and reinstall of the app resolve the issue? Did you test on an emulator or a real device?
You may want to take a look at this doc:
https://github.com/mlcommons/mobile_app_open/blob/master/docs/custom-tasks.md

[farook-edev]

Did a complete uninstall and reinstall of the app resolve the issue? Did you test on an emulator or a real device?

It's on any real device I used, uninstalling did nothing.

I should mention that it works on emulators until partway through the tests where it crashes with no error message whatsoever.

[farook-edev]

Update: it seems like the issue was that I was using an old version of libtflitebackend.so and libbackendbridge.so. Rebuilding the libraries resolved the issue.

[anhappdev]

@farook-edev, please resolve the merge conflicts and mark the pull request as ready once all the CI tests pass. Thanks.

[sonarqubecloud]

Quality Gate passed

Issues
162 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud