BorderColor not picking the linearGradient color on android

Question

Im trying to create a circle with an image inside it that its border is colourful that\'s why I used LinearGradient.

I was using this guide:

https://codeburs

Answer 1

You should add style to the TouchableOpacity:

style={{
  width: 100,
  height: 100, backgroundColor: 'transparent', overflow: "hidden", borderRadius: 50, flex: 1}}

in addition change the style of profilePhotoContainer to:

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,
    padding: 5,
    overflow: "hidden",
    borderColor: 'transparent',
  }