NavDrawer | NavDrawer widget is a simple sliding side menu | Widget library

I'm having a problem in my home_screen.dart file. I have a method called pullUserData() that is called in initState() but before pullUserData() is completely finished, the build method in home_screen.dart begins. This results in null values (auth and friendsList) being sent to NavDrawer() and FriendsFeed() in the build method of home_screen.dart.

How can I prevent NavDrawer() and FriendsFeed() from being called in the build method before initState() is completely finished? Should I use FutureBuilder?

User_data.dart handles gets the values for auth and friendsList.

home_screen.dart

I am currently developing an e-commerce mobile app.

Right now I am working on my navigation. There's a bunch of categories that can have subcategories and the subcategories can have their own subcategories. I retrieve a list of all categories via an API on app init and then I store it.

Here's an example of my dataset:

I'm tryin to add a bar at the bottom of my ElectronJS application and I'd like it to be positioned in the same way as the blue bottom bar in VSCode, where the scroll bar ends/stops above it.

Unfortunately, there always seems to be a small space on the right side where the scroll bar would appear when the content overflows (I don't want to disable the scroll bar / behavior with things such as overflow: hidden; See Edit 2).

I did some testing and with the code below you can see my desired behavior seems to happen with the nav-drawer, i.e. its scroll bar stops right above the v-bottom-navigation, which would be my bottom bar (the thick grey line you see is the scroll bar).

I'm semi-new to this, but I can't figure out why exactly that happens and how to modify it in order to get the same behavior for the whole application.

VueComponent.vue

I'm using flutter to develop an e-commerce app.
I'm working on the navDrawer for it and I could use some help with the categories.
I have categories that can have subcategories and the subcategories can also have their own subcategories.
Basically, the data set is an array of unknown dimensions.

I need to make a boolean map for my categories and subcategories so that I can keep track of which ones are open in order to show the subcategories.

Here's an example of the dataset:

my problem is that:

I want to make a login service in my application and depending on which user logs in, go to a different NavDrawer activity. In Android Studio when you create the NavDrawer activity that comes by default, it generates one perfectly. But when I want to generate a different one, having the same name doesn't create anything.

The only way I have found is by refactoring everything generated by the Android Studio wizard and changing all the names of the layouts.

I would like to know if there is an easier way to create another NavDrawer without having to refactor so much and without so many errors.

Thank you!

NavDrawers Generated

Conceptual Scheme

How do i make an MDBottomAppBar appear on top of a list view in KivyMD

I created an app drawer and now I need to add color to its background. I managed to add color to the header part now I'm struggling to add to the bottom part. My color choices are RED and Golden Yellow. I am a little bit new to flutter and still learning through by making this kind of projects. And if you have any suggestions regarding making app drawer like this or any other ways I like to know those too.

Here is my appDrawer.dar code

I have the main/homepage widget of my app, let's call it home.dart.

Inside this widget, I have defined the drawer key in my Scaffold widget. The code for the Drawer object is in a separate file, navdrawer.dart.

home.dart

I am trying to display my Firebase data using a ListView, but I am getting an error. My code: