Wix Native Navigation

[odesey]

Will this package work with Wix react-native-navigation ?

Also can you include a more detailed example? Would be helpful for beginners like myself

Thanks.

[Agontuk]

yes it should work, I'm currently using it with RNN. I'm planning to add an example project as soon as possible.

[odesey]

Awesome, last question.

What am I returning from the renderNavBar={this.renderNavBar} function? this.props.navigator.?

Thanks.

[Agontuk]

You should return a navbar view like:

renderNavBar = () => (
    <View>
        <BackButton />
        <Title />
    </View>
)

[odesey]

Thanks, I have it working now.

How can I adjust the height of the navBar when its collapsed? I am returning the following navBar but the height is too much and I cannot decrease it:

  renderNavBar = () => (
    <View style={{ height: 10 }}>
      <Icon name="ios-arrow-back" size={36} color="#900" style={{ paddingVertical: 0, height: 10 }} />
    </View>
  );

Also, any chance you can post the example code used to generate the GIF's?

Thanks!

[Agontuk]

nav bar height is fixed (56 for android, 44 for ios), you just have to render what you want inside of it. I'll try to push the example tonight.

[odesey]

Solved, removing translucentStatusBar removed the extra space.

Thanks.