ReactNative设置 Image容器的 圆角背景

<View style={[styles.wholeContainer,{height: 102}]}>
    <Image style={[styles.cardBgContain,{alignItems: 'center', paddingBottom: 12}]}
           source={require('../img/blue_card_bg_s.png')}> 	 //这个Image控件作背景图
    </Image>
    <View style={[styles.cardBg,{alignItems: 'center', paddingBottom: 12}]}>
        <TouchableWithoutFeedback >
            <Image style={styles.portrait}   source={avatarImg}/>
        </TouchableWithoutFeedback>

        <TouchableWithoutFeedback >
            <View>
                <Text style={styles.userInfo_no_eAccount_text}>
                    .啦啦啦..
                </Text>
            </View>
        </TouchableWithoutFeedback>
        <Image  source={require('../img/more_detail_icon.png')}/>
    </View>
</View>

wholeContainer: {
    flex: 1,
    backgroundColor: Color.White,
    alignItems: 'center',
    justifyContent: 'flex-end',
},

cardBg: {//蓝色卡片背景
    resizeMode: 'stretch',
    width: kCardBgWidth,
    alignItems: 'stretch',
    flexDirection: 'row',
    justifyContent: 'flex-start',
    marginBottom: 0,
    position: 'absolute',
    left: 10,
    right: 0,
    top: 25,
},
cardBgContain: {//卡片容器
    resizeMode: 'stretch',
    width: kCardBgWidth,
    alignItems: 'stretch',
    flexDirection: 'row',
    justifyContent: 'flex-start',
    marginBottom: 0,
},