TabBar widget error when compiled without text label

[II-ricky-bobby-II]

Has your issue been reported?

• [X] I have searched the existing issues and confirm it has not been reported.
• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

I have the TabBar widget on once page. After I have compiled the project and am in Test Mode, I navigate to the specific page with the TabBar widget. Once I get to that page I see a big red screen displaying the error that occurred. I can still navigate backward via the browser button, but there is no ability to interact with that specific page with the TabBar.

Expected Behavior

I expect to go to a page that has a TabBar widget without text or an icon and be able to interact with the page. Regardless if text or an icon are present.

Steps to Reproduce

1. Create a project.
2. Create one Home Screen WITHOUT a TabBar.
3. Create one screen WITH a TabBar.
4. Within each Tab of the TabBar, make sure there is no icon or text present.
5. Run Test Mode
6. Start on Home Screen and navigate to the screen with the TabBar widget.
7. The page with the TabBar widget should generate a full red screen with an error.

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT48l8nfx492obgA+KX6YMEw/SAWQ187U+Yz1tZHZwo8KOPLB4kMTPTOTERCXcOidwhMIU78mWoW3NbeioXpLPEpFzmrfJxZzLhqZgGXbDuWRbqDFJWgOEYlTMNXfxXG0qarmx1DKvpadGw46jiTe+iQfDDUQpeyC1VNDq/LZO4=

Context

I am wanting to have the TabBar and its tabs invisible to the user. I am wanting to accomplish that by removing the text and icon from each tab.

Visual documentation

Additional Info

No response

Environment

- FlutterFlow version: 4.1.53
- Platform: MacOS
- Browser name and version: Safari 17.5
- Operating system and version affected: Sonoma 14.5

General

• [ ] I was collaborating with other users in the same project prior to data loss
• [X] I navigated between different project views leading up to data loss
• [ ] The UI was running very slowly prior to data loss
• [ ] A crash or other bug occurred prior to data loss
• [ ] Data was not saved in a snapshot
• [ ] I was using flutterflow from multiple devices
• [ ] I was using flutterflow from multiple platforms (e.g. both web and MacOS Desktop app)

Relative to the time the changes were made, data was lost within

• [ ] 1 minute
• [ ] 1 hour
• [ ] 1 day
• [ ] 1 week

When following my steps to reproduce, data loss happens

• [X] ~100% of the time
• [ ] ~50% of the time
• [ ] ~10% of the time
• [ ] ~1% of the time
• [ ] Very rarely or only encountered once

[ignalauret]

Hey @II-ricky-bobby-II thanks for your report. I can confirm that having a TabBar with no text inside the Tab (no need to make it on another screen) crashes the app. I will send this to our technical team, but just to help them understand here I have a question: What would you expect to see inside the tabs if nothing is there? Should the TabBar still work changing the page even though the Tab has nothing?

[II-ricky-bobby-II]

Glad I can be helping hand :)

I’m new to FF, so apologies for the following ignorance in talking about my use case. I have three pages that I want users to navigate between, but I only want them to use the button I create at the bottom. There must be a better method, but, again, I’m a youngster in this space.

Pic attached for reference!

[ignalauret]

Welcome to the FF community then! I would suggest until this issue is fixed, you try implementing a PageView instead. This will be the easiest approach to go for when implementing something like this.
Good luck!