從列表到配置文件屏幕，整個ui設(shè)計中都可以找到化身。它們通常用于代表用戶，并且可以包含照片，圖標(biāo)甚至文本。
react-native-elements官網(wǎng)介紹了4種
第一種 用戶頭像 采用source 引了一個uri
<Avatar rounded source={{uri:'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',}}/>
第二種 用title Avatar里顯示title內(nèi)容
<Avatar rounded title="MD" />
第三種 icon
<Avatar rounded icon={{name:'home'}} />
第四種 頭像加編輯圖標(biāo)
<Avatar source={{uri:'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',}} showEditButton/>
activeOpacity：num 按下時的不透明度? 默認(rèn) 0.2
avatarStyle：obj? avatar里image的樣式
containerStyle：obj? 外容器的樣式
editButton：iconprops 默認(rèn){ name: 'mode-edit', type: 'material', color: '#fff', underlayColor: '#000' }
icon：顯示圖標(biāo)作為頭像的主要內(nèi)容。不能與title一起使用。與source道具一起使用時，它將用作占位符。? ?對象{名稱：字符串，顏色：字符串，大小：數(shù)字，類型：字符串（默認(rèn)為材料，或從受支持的圖標(biāo)集中選擇），iconStyle：對象（樣式）}
iconStyle：obj icon?圖標(biāo)組件的額外樣式（可選）
imageProps：傳遞給image頭像的可選屬性? image props
onEditPress：callback? 當(dāng)按edit Button時
onLongPress：callback? 當(dāng)長按組件時
onPress：callback? 當(dāng)按下組件時
overlayContainerStyle：obj? image或者icon avatar 外部View的樣式
placeholderStyle：obj? 給占位符添加樣式 默認(rèn){ backgroundColor: '#BDBDBD' }
rounded：頭像變圓形? 布爾
size：頭像大小?string(small,?medium,?large,?xlarge) or number 默認(rèn) small
showEditButton：布爾 在頭像上顯示一個編輯按鈕
source：image source?
title：頭像里顯示string
titleStyle：樣式
renderPlaceholderContent：自定義占位符元素 react組件或者元素
Component：function 封裝元素的組件 默認(rèn)TouchableHighlight
ImageComponent：自定義ImageComponent? ?react組件或者元素? 默認(rèn)image
