React Native Elements头像不会对齐

Question

我正在尝试将右侧的头像图标对齐。头像来自React Native Elements。所以我创建了阿凡达，就像他们在文档中说的那样：

 <Avatar
        small
        rounded
        icon={{ name: "user", type: "font-awesome" }}
        onPress={() => console.log("Works!")}
        activeOpacity={0.7}
        containerStyle={{
          marginRight: 20,
          marginTop: 20,
          alignSelf: "flex-end"
        }}
   />

容器有以下CSS：

container: {
    flex: 1
}

如果我在检查员中看到它，那么头像位于正确的位置，但图标仍然卡在左侧。我错过了CSS中的内容吗？