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

Adding Search Box in Navigation bar #24

Open
suyashnene opened this issue Aug 18, 2017 · 2 comments
Open

Adding Search Box in Navigation bar #24

suyashnene opened this issue Aug 18, 2017 · 2 comments

Comments

@suyashnene
Copy link

I'm using react-navigation.
I want to add search bar on stack navigator.
but I'm not able to change left margin and width of search bar.
I want it after profile page.
how can I do it ?

navigationOptions: {
      headerTitleStyle: { color: '#fff' },
      header: props => <ImageHeader {...props} />,
      headerTitle: <Search backgroundColor='transparent' left='40'/>,
      headerLeft: <ProfilePicture />,
    },

screen shot 2017-08-18 at 1 01 39 pm

@anhtuank7c
Copy link
Contributor

I already support custom style.
You may want to implement these props: inputStyle, contentWidth, cancelButtonStyle

@suyashnene
Copy link
Author

I understand you already support custom style.
my questions are :

  1. how to start search bar after the profile image ?
  2. how to change background color ?
  3. how to adjust width of search bar so that I can put button in headerRight too ?

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