Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

change the indicator style #390

Closed
111Tashmo opened this issue Mar 10, 2024 · 4 comments
Closed

change the indicator style #390

111Tashmo opened this issue Mar 10, 2024 · 4 comments
Labels
question Further information is requested

Comments

@111Tashmo
Copy link

111Tashmo commented Mar 10, 2024

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

@111Tashmo 111Tashmo added the question Further information is requested label Mar 10, 2024
@PratikAwaik
Copy link

+1

1 similar comment
@Fardeen-N
Copy link

+1

@dmnkhvl
Copy link

dmnkhvl commented Apr 10, 2024

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
Copy link
Collaborator

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

5 participants