reactjs - react-native-elements: Header rendering unexpected bottom border -
i'm experiencing weird issue header component react-native-elements. here's i'm seeing:
and here's code:
<header leftcomponent={{ icon: 'menu', color: '#85106a', }} rightcomponent={<avatar small rounded source={{uri: "https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg"}} onpress={() => console.log("works!")} activeopacity={0.7} />} statusbarprops={{ barstyle: 'dark-content', translucent: true }} />
i want border on bottom same colour hamburger menu. looked through documentation of component, didn't find of essence.
any ideas appreciated. thank you
i have try project, need add props outercontainerstyles
on header component , change style :
<header leftcomponent={{ icon: 'menu', color: '#85106a', }} rightcomponent={<avatar small rounded source={{uri: "https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg"}} onpress={() => console.log("works!")} activeopacity={0.7} />} statusbarprops={{ barstyle: 'dark-content', translucent: true }} outercontainerstyles={{ borderbottomcolor:'#85106a',borderbottomwidth:1 }} />
and result :
i hope answer can you
Comments
Post a Comment