BottomNavigation component issue

Troubleshooting

I'm building a FlutterFlow app with a reusable BottomNavigation component. It renders visually but cannot be selected as the Custom Nav Bar Component in App Settings. i created BottomNavigation component using FlutterFlow's AI designer. It looks right and includes all six nav items with icons and labels. It displays fine when added to pages, but I can't select it as the custom nav bar in app settings because it shows up in red and the tooltip says it needs extra parameters, but I can't find a way to add those required parameters in my editor. Is there a different way to create a custom nav bar that FlutterFlow will accept?

What have you tried so far?

I've added the component to pages and tried to set it as the custom nav bar in app settings. But FlutterFlow shows it as incompatible.

Created a BottomNavigation component with six navigation items using FlutterFlow AI, added a required selectedIndex parameter, then added the component to pages. It displays correctly, but I can't select it as the custom nav bar component.

m I approaching this the wrong way, or did the AI make a component that's not compatible with FlutterFlow's custom nav bar feature?

Did you check FlutterFlow's Documentation for this topic?
No
1
10 replies