the point in syle12 doesn't appear

[Bouchemel-Nasreddine]

i have a persistant tap view with style 12 inside a scaffold inside ViewModelBuilder, my problem is that the point that supposed to appear in bottom of selected icon is not appearing here is the code: ` ViewModelBuilder.reactive(

    viewModelBuilder: () => HomeViewModel(),
    builder: (context, model, child) => Scaffold(
      body: PersistentTabView(
        context,
        controller: _controller,
        screens: widgets,
        navBarStyle: NavBarStyle.style12,
        onItemSelected: (index) => model.setIndex(index),
        items: [
          PersistentBottomNavBarItem(
            icon: Icon(Icons.home),
            activeColorPrimary: Theme.of(context).primaryColor,
            inactiveColorPrimary: Theme.of(context).primaryColor,
            inactiveIcon: Icon(Icons.home_outlined),
          ),
          PersistentBottomNavBarItem(
            icon: Icon(Icons.shopping_cart),
            activeColorPrimary: Theme.of(context).primaryColor,
            inactiveColorPrimary: Theme.of(context).primaryColor,
            inactiveIcon: Icon(Icons.shopping_cart_outlined),
          ),
          PersistentBottomNavBarItem(
            icon: Icon(Icons.favorite),
            activeColorPrimary: Theme.of(context).primaryColor,
            inactiveColorPrimary: Theme.of(context).primaryColor,
            inactiveIcon: Icon(Icons.favorite_border),
          ),
          PersistentBottomNavBarItem(
            icon: Icon(Icons.person),
            activeColorPrimary: Theme.of(context).primaryColor,
            inactiveColorPrimary: Theme.of(context).primaryColor,
            inactiveIcon: Icon(Icons.person_outline),
          ),
        ],
      ),
    ),
  )

`

[Bouchemel-Nasreddine]

problem solved with adding a point as title to each item.