Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to add border to avatar

See original GitHub issue

The border does not render correctly. See code below.

<Avatar
      avatarStyle={props.avatarStyle}
      rounded
      size={props.size || 'medium'} 
      icon={{name: 'face', type: 'material', color: Colors.primary}}
      overlayContainerStyle={getStyle('overlay', theme)}
      onPress={props.onPress}
      activeOpacity={0.7}
      containerStyle={getStyle('container', theme)}/>

<AvatarHeader size="xlarge" avatarStyle={{ borderWidth: 2, borderColor: 'white', borderTopLeftRadius: 1, borderStyle:'solid' }} /> ss1

Issue Analytics

State:
Created 4 years ago
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

pranshuchittoracommented, Sep 24, 2020

Use container style for the following purpose. You can test the following functionality here -> https://react-native-elements-playground.netlify.app

0reactions

ugrdursuncommented, Sep 24, 2020

Use container style for the following purpose. You can test the following functionality here -> https://react-native-elements-playground.netlify.app

Ahh ok, Turns out im using 1.2.7; I think this is fixed at next releases