我試圖創建一個內部帶有圖像的圓,其邊框是彩色的,這就是為什么我使用LinearGradient.

我正在使用此指南：

您可以在此圖像中看到在iOS中正常工作的問題：

但是在android上,當我使用borderWidth并選擇透明的borderColor時,borderColor看起來像陰影,并且由于某種原因未選擇LinearGradient顏色…

我究竟做錯了什么？

colors={['#ac8af8', '#cca5e7']}

start={{ x: 0.0, y: 1.0 }} end={{ x: 1.0, y: 1.0 }}

style={styles.profilePhotoContainer}

>

style={[styles.profileImage]}

source={this.state.profilePhoto}

/>

const styles = StyleSheet.create({

profilePhotoContainer: {

zIndex: 5,

position: 'absolute',

top: Dimensions.get('window').height * .13,

left: Dimensions.get('window').width / 2 - Dimensions.get('window').width * .13,

elevation: 4,

borderRadius: 75,

borderWidth: 4,

overflow: "hidden" ,

borderColor: 'transparent',

},

profileImage: {

zIndex: 5,

width: 100,

height: 100,

borderWidth: 1,

borderColor: 'transparent',

backgroundColor: '#FFF',

flex:1,

resizeMode:'contain',

},

})

感謝您的幫助

總結

以上是生活随笔為你收集整理的android code修改border颜色,BorderColor没有在Android上选择linearGradient颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。