PedroBern / react-native-collapsible-tab-view

A cross-platform Collapsible Tab View component for React Native
MIT License
868 stars 171 forks source link

change the indicator style #390

Closed 111Tashmo closed 5 months ago

111Tashmo commented 6 months ago

I want to selfstyle the indicator, no dynamically, like this. but I cant see any props about the indicatorStyle, any solutions?

截屏2024-03-10 11 34 55

in react-native-tab-view they have the styleprops about the indicator, I wonder if this library can do so.

截屏2024-03-10 11 37 16
PratikAwaik commented 6 months ago

+1

Fardeen-N commented 6 months ago

+1

dmnkhvl commented 5 months ago

You can style it using indicatorStyle property on MaterialTabBar. But the problem is setting a width, because the Indicator component set's that every time it moves.

f.e. <Tabs.MaterialTabBar indicatorStyle={{ backgroundColor: '#0F0D66', height: 4, borderTopLeftRadius: 6, borderTopRightRadius: 6, }} />

andreialecu commented 5 months ago

I'm not sure I understand this issue, but #395 made some changes here. Styling the indicator should be possible in several ways, please see the Example app in the repository.