如何解决在React Native中本机基本选项卡的颜色不变
但是当我从本地添加标签时,我的渐变不会重叠,相反,它会给我这样的结果:
这是我的代码:
<View style={styles.container}>
<LinearGradient colors={['#D23079','#FB7551']} style={styles.header}>
<Text style={{fontSize:35,color:'#fff',fontWeight:"bold",textAlign:"center",top:8}}>Money Up</Text>
<TouchableOpacity style={styles.noti} onPress={()=>this.props.navigation.navigate('')}>
<Image source={require('../../assets/notification.png')}
resizeMode="contain"/>
</TouchableOpacity>
<Text style={{color:'#fff',textAlign:'center'}}> YOUR WALLET BALANCE</Text>
<Text style={{color:'#fff',textAlign:'center',fontSize:32}}> $200</Text>
<Tabs renderTabBar={() => <ScrollableTab /> }>
<Tab heading={"Top Up"} activeTabStyle={styles.tabs} >
</Tab>
<Tab heading={"Request"} tabStyle={styles.tabs} activeTabStyle={styles.tabs}>
</Tab>
<Tab heading={"Send"} tabStyle={styles.tabs} activeTabStyle={styles.tabs}>
</Tab>
</Tabs>
</LinearGradient>
</View>
这是各自的StyleSheet:
const styles=StyleSheet.create({
container:{
flex:1,flexDirection:'column'
},header: {
width: '100%',height: 320,borderStyle: 'solid',},noti:{
left:340,bottom:30,tabs: {
elevation: 0
},});
请帮帮我!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。