Missing Tabs component about react-native-material-ui

[xotahal]

Hey @meiraleal, I've just realized I've implemented bottom navigation. I try to make new component here for this bottom navigation and then it probably will be only about position and background color. What do you mean?

This is the result:

[xotahal]

Yeah, it's the question. For this bottom navigation is ok without handling the content. But for the tab navigation - everyone needs to handle animation to work with "changing" the content due to the tab underline. If you understand me ... We will see, we can do it without handling the content and in the feature we can improve it ;)

[Jarrio]

I agree that those header tabs would be nice. How about implementing this component into the project somehow?

[xotahal]

Interesting idea. I'm not sure if it's just about style. Do you want to make a pull request? ;)

[Philip-Nunoo]

It would be interesting to have this

[sabbaticaldev]

I'm going to need this in a few days. I'm going to study the material design guideline and try to implement it and send a PR. Any directions, @xotahal ?

[xotahal]

Great @meiraleal 👍 Just try to follow style of another components. There always have to be style prop which have a container. Then there have to be getStyles method that counting the style for a component. And of course - eslint.

Think it won't be hard to implement this component without animation. Animations will be harder. And then it should have some events like - onTabChange, etc.

[sabbaticaldev]

I think its good, @xotahal! Are you handling the panels (content) with this component? I'd implement it without content handling, just the events, like onTabChange, and the user handle it.

[simsim0709]

@xotahal Why don't you integrate with react-native-scrollable-tab-view? It deals with animation already.
I'm currently working on it actually. I can make a pull request if it fits with this library.

[xotahal]

@simsim0709 I don't think we need it here. This library is just about styles/material design. And I think your library is more about navigation.

For example, I use BottomNavigation component from this library as a custom tabBarComponent in react-navigation. And it works in the same way how your react-native-scrollable-tab-view works. You know what I mean, don't you?

[simsim0709]

@xotahal Yep. I get it :)

[AleksandarSimikic]

Any updates regarding this issue ? I still cant implement Tabs from this library.