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

Top nav bar customization #2262

Closed
isAlmogK opened this issue Aug 18, 2017 · 5 comments
Closed

Top nav bar customization #2262

isAlmogK opened this issue Aug 18, 2017 · 5 comments

Comments

@isAlmogK
Copy link

I wanted to know if it would be possible to customize the top nav bar like attached photo and if so how would I go about doing it?

screen shot 2017-08-18 at 3 00 03 am

@aksonov
Copy link
Owner

aksonov commented Aug 21, 2017

I don't see any issue to implement that using custom styles and navbar button images. Please specify the problem, this one is too generic (like 'is it possible to implement app like attached photo?' )

@aksonov aksonov closed this as completed Aug 21, 2017
@isAlmogK
Copy link
Author

Ok, how would I do a custom style that has the top text i.e. Alex Smith and then the bottom test which is smaller, right now in nav bar I can just set the title and the back button text but I can't set a custom component that has both texts unless I'm missing something?

@aksonov
Copy link
Owner

aksonov commented Aug 23, 2017

I guess you may just set two lines of <Text> as usual React component as return it fromrenderTitle prop.

@isAlmogK
Copy link
Author

I thought the title prop for the back button can only accept string i.e. back backTitle={this.props.title}

How would you set ?

@aksonov
Copy link
Owner

aksonov commented Aug 23, 2017

I believe you must use renderTitle with 'left' align, not backTitle for your design. Anyway you could just use your own navbar.
And it looks definitely not issue, but react-native programming question (for stackoverflow or other forums).

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

No branches or pull requests

2 participants