Skip to content

FloatingNavBar SelectedItem Color is not set properly. #1246

@nagoyan55

Description

@nagoyan55

Has your issue been reported?

  • I have searched the existing issues and confirm it has not been reported.
  • 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 two problems. And the first is critical.

1.Although the selected item color of floating nav bar is set to primary, it is not appeared in the test mode. Actually, its color is set to constant color(0x00000000).
2. And also unselected item can't be seen with default color (but if you change the color, the problem is solved.)

Expected Behavior

A selected item should be colored primary.

Steps to Reproduce

1.Create two pages
2.Show navbar in each page.
3.In settings, change the navbar type to floating nav bar. (to show an selected item, you should change the color)
4.Run test mode or run mode.

Reproducible from Blank

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

Bug Report Code (Required)

ITESz/Hqx89goccC1c/IK8ZQhQIgQ0QnU7gnlO1ucx42B5yvELMhPvTCX0NKTteCf25HfGH++Hwxptbrifz9FMYBITKrbtl60JVAEzzKQnGgMqq4DpG3OHAkP59UI3GM4auJuBJRKbZuR3Bl3UODNq3qNleeY8aSfxBlZ7vfcPo=

Context

I want to use floating nav bar because this can be seen always unlike flutter default widget.
I inspect the project code and notice that the nav bar item is colored in below code. I would think the proper color is FlutterflowTheme.of.(context).primary not 0x00000000. And also FloatingNavbar.selectedItemColor is set to the same color.
Additionaly, why don't you use FloatingNavBarItem.title property?

image
image

Visual documentation

スクリーンショット (19)
スクリーンショット (20)
スクリーンショット (21)
スクリーンショット (22)

Additional Info

No response

Environment

- FlutterFlow: v3.1
- Platform:Web
- Browser name and version:Chrome 115.0.5790.171(Official Build) (64bit)

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions