PanItem's text style not working..

[mayur-16]

am not able to change the text style of the Text() widget inside title property of PanItem().

here is my code...

 PaneItem(
            icon: const Icon(FluentIcons.completed),
            title:  Text("Work finished",style: TextStyle(color: Colors.red),),
          ),

i came to know that we can achieve that using NavigationPaneThemeData, but i dont know where to use it.

[bdlukaa]

See #111

[mayur-16]

thank you.
I solved it using theme property inside fluentApp.

void main() {
  runApp(
    FluentApp(
      debugShowCheckedModeBanner: false,
      initialRoute: '/homePage',
      routes: {
        '/homePage': (context) => const HomePage(),
      },
      theme: ThemeData(
        navigationPaneTheme: NavigationPaneThemeData(
            unselectedTextStyle: ButtonState.all( const TextStyle(color: Color(0xff566573),fontWeight: FontWeight.bold)),
            unselectedIconColor: ButtonState.all(const Color(0xff273746)),
            selectedTextStyle: ButtonState.all(const TextStyle(color: Color(0xff212F3D),fontWeight: FontWeight.bold)),
            selectedIconColor: ButtonState.all(Colors.black),
            itemHeaderTextStyle: const TextStyle(color: Colors.black,fontWeight: FontWeight.bold,fontSize: 16),
            iconPadding: const EdgeInsets.all(10),
            animationDuration: const Duration(milliseconds: 200)),
      ),
    ),
  );
}