Question

我正在尝试为用户个人资料屏幕实现圆形头像。但是我不知道为什么它没有出现。

我检查了样式表，还尝试将头像元素放入另一个视图标签中。但是它不起作用。

我的个人资料屏幕：

camel_case

我的样式表：

String text = "camelCase";
Matcher m = Pattern.compile("(?<=[a-z])[A-Z]").matcher(text);
String result = m.replaceAll(match -> "_" + match.group().toLowerCase());

我希望我的头像元素为圆形，但它为正方形。

Answer 1

我假设您正在使用Avatar中的react-native-elements，所以我看了一下其源代码。这是您可以传递给它的数据（我删除了一些对您没有帮助的部分）：

Avatar.propTypes = {
  containerStyle: ViewPropTypes.style,
  source: RNImage.propTypes.source,
  avatarStyle: ViewPropTypes.style,
  rounded: PropTypes.bool,
  overlayContainerStyle: ViewPropTypes.style,
  activeOpacity: PropTypes.number,
  icon: PropTypes.object,
  iconStyle: Text.propTypes.style,
  size: PropTypes.oneOfType([
    PropTypes.oneOf(['small', 'medium', 'large', 'xlarge']),
    PropTypes.number,
  ]),
  imageProps: PropTypes.object,
  ImageComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
};

您应该做的是传递图片borderRaduis道具。

imageProp: {
    borderRadius: 100
}

注意：如果我是我，我将创建自己的圆形组件，这一点都不困难，而且您将对其有更多的控制权。

即使在Avatar元素中使用了圆形属性后，如何获得圆形头像

1 个答案: