Tab active color change on tap (click)

[CvdPost]

Current behaviour

When adding an onsurface color to the and tapping (or clicking in sim) the active color doesn't change with the tab change. It is always one "behind" the active tab while pressing the tabs. When you swipe however it works as intended

Expected behaviour

Tappingon a tab to change to that tab should change the active (onSurface) tab color.

How to reproduce?

<TabsProvider defaultIndex={0}>
          <Tabs
            mode="scrollable"
            theme={{
              colors: {
                primary: blue,
                onSurface: blue,
                onSurfaceVariant: gray,
              },
            }}
            style={style.tabsStyle}
            showLeadingSpace={false}
            tabLabelStyle={style.tabsLabelStyle}>
                   .....
           </Tabs>
</TabsProvider>

Preview

Simulator.Screen.Recording.-.iPhone.16.-.2025-07-15.at.10.09.03.mp4

What have you tried so far?

Your Environment

software	version
ios	18.4
android	x
react-native	0.79.2
react-native-paper	5.12.3
node	24.2.0
npm or yarn	11.3.0
expo sdk	53.0.11

[jslok]

Same issue here. Somewhat solved by setting tabLabelStyle, however I don't think there is a way to set active and inactive label styles seperately. Could be wrong.

            tabLabelStyle={{
              ...theme.fonts.medium,
              color: theme.colors.primary,
            }}