Skip to content

Conversation

@mosesoak
Copy link
Contributor

Squashed update to #150 incorporating suggestions from @skv-headless.

README update:

  • tabBarPosition (String) Defaults to "top".
    • "bottom" to position the tab bar below content.
    • "overlayTop" or "overlayBottom" for a semitransparent tab bar that overlays content. Custom tab bars must consume a style prop on their outer element to support this feature: style={this.props.style}.

To see it in action uncomment the OverlayExample, which uses vector icons for page content:

overlaytabs

Additional visual example of how this might look in an app (I didn't include this anywhere in the commit but you can feel free to use it if you want):

overlaytabs2

@skv-headless
Copy link
Collaborator

Looks good 👍 I will try then merge.

skv-headless added a commit that referenced this pull request Feb 20, 2016
Adds tabBarPosition 'overlayTop', 'overlayBottom' with docs, example
@skv-headless skv-headless merged commit d7a35d9 into ptomasroos:master Feb 20, 2016
@mosesoak
Copy link
Contributor Author

Awesome, thanks Evgeniy!

@skv-headless
Copy link
Collaborator

@mosesoak thank you. I like this feature very much 👍

caglaruba pushed a commit to caglaruba/react-native-scrollable-tab-view that referenced this pull request Aug 22, 2019
Adds tabBarPosition 'overlayTop', 'overlayBottom' with docs, example
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants