How do I remove ripple effect from tab labels?

[hectormemaree]

How do I remove or edit ripple color from tab labels?

[lorenzogonnelli]

This should work

<Tabs.Container
      ...
      renderTabBar={props =>
        <MaterialTabBar
          {...props}
          TabItemComponent={props => <MaterialTabItem {...props} android_ripple={{ radius: 0 }}></MaterialTabItem>}
          indicatorStyle={{ backgroundColor: colors.white }} />
      }
    >

[SwanHub]

awesome @lorenzogonnelli ty

[VRDemon]

This will work.

<MaterialTabBar {...tabBarProps} activeColor={c.white} inactiveColor={c.whiteLowOpacity} tabStyle={{ backgroundColor: c.secondary }} TabItemComponent={tabBarItemProps => <MaterialTabItem {...tabBarItemProps} android_ripple={undefined} />} />