我有一个应用程序,有时需要其导航栏与内容融为一体.
有谁知道如何摆脱或改变这个讨厌的小酒吧的颜色?
在下面的图像我有 - 我正在谈论"根视图控制器"下面这个1px高度线

所以我有一个导航栏,它有一条水平线,我想删除.
我从屏幕截图中删除了导航栏颜色,使线条更加明显.
我已经尝试将导航栏的阴影图像属性设置为空白png(1x1像素pngs为1x,2x和3x),但没有效果.
我正在使用react-native-router-flux v4.0库来显示react-native中的导航栏.
我在这里创建了一个自定义导航栏.
这是我的代码:
_renderLeft() {
return (
<TouchableOpacity
style={{justifyContent: 'flex-start', alignItems: 'flex-start', alignSelf: 'flex-start'}}
onPress={Actions.pop}>
<Image
style={{width: 24, height: 24}}
resizeMode="contain"
source={require('../../assets/images/ico_swipe.png')}></Image>
</TouchableOpacity>
)
}
_renderMiddle() {
return (
<View style={[styles.navBarTitleView]}>
<Text style={[styles.navBarTitle]}>{this.props.title}</Text>
</View>
)
}
_renderRight() {
return (
<TouchableOpacity
style={{justifyContent: 'flex-start', alignItems: 'flex-start', alignSelf: 'flex-start'}}
onPress={Actions.pop}>
<Image
style={{width: 24, height: 24}}
resizeMode="contain"
source={require('../../assets/images/ico_home.png')}></Image>
</TouchableOpacity>
)
}
render() {
StatusBar.setBarStyle('light-content', true);
return (
<Header style={[styles.container]}>
<Left style={{flex: 1}}>
{this._renderLeft()}
</Left>
<Body style={{flex: 3}}>
<Title style={styles.navBarTitle}>{this.props.title}</Title>
</Body>
<Right style={{flex: …Run Code Online (Sandbox Code Playgroud)