Avatar image mask not working?

[schystz]

When setting the image prop of Avatar, the image is not masked to the circle background. I am expecting something like this:

...but I am getting this instead:

Below is my the code for the above screenshot.

<Avatar style={{ container: { alignSelf: 'center' } }} image={this.avatarImage()} size={100} />

private avatarImage() {
    return (
      <Image
        style={{ width: 80, height: 80 }}
        source={{ uri: this.props.store.user.picture }}
      />
    )
  }

Is the masking not supported at the moment? Otherwise, can you please let me know how to achieve it? Thank you!

[schystz]

Simply applied a border radius to the Image and that gets the result I expected:

<Image
        style={{ width: 100, height: 100, borderRadius: 50 }}
        source={{ uri: this.props.store.user. picture }}
      />