NavBar button are below the title area. How can i fixed?

[marcelglaeser]

Hello,

i have a problem with the navbar elements. My buttons are always under the title element. I reduced the width from titleStyle, but its the same problem. There are not enough space for the title text, but the button are always nuder the title element.

I searched a lot of and try few thing, bit i can't fixed. Have any one a idea for me??

Thanks!

[marcelglaeser]

I founded a solution.
Maybe other people can help it.

Thats my renderRightButton:
var CameraIcon = function() { return ( <TouchableOpacity onPress={this.props.rightButtonPress} style={{width:35}}> <FontAwesome name="camera" size={22} style={AppStyles.navbar_button_right_icon}/> </TouchableOpacity> ); } exports.CameraIcon = CameraIcon;

AppStyles.navbar_button_right_icon:
navbar_button_right_icon: { color: '#FFF', width: 26, height: 26, top: 10, },

I set "style={{width:35}}" at the TouchableOpacity and remove "right: 10" from the style navbar_button_right_icon.