javascript - 如何设置 borderColor 以响应原生元素 Avatar？

Question

开始变得疯狂，无法找到一种方法来通过 react native 元素在我的头像上制作边框和 borderColor。我做错了什么？这必须有一个简单的解决方案？

<Avatar
      medium
      rounded
      source={{ uri: this.props.profile[0].profile_picture }}
      onPress={this.toggleModal.bind(this)}
      iconStyle={{ borderColor: 'white', borderTopLeftRadius: 1,borderStyle:'solid' }}
      containerStyle={{ borderColor:'white', borderTopLeftRadius: 1, borderStyle:'solid'  }}
      avatarStyle={{borderColor: 'white', borderTopLeftRadius: 1,borderStyle:'solid' }}
/>

Answer 1

您需要添加一个borderWidth。例如

avatarStyle={{ borderWidth: 2, borderColor: 'white', borderTopLeftRadius: 1, borderStyle:'solid' }}