ReactNative设置 Image容器的 圆角背景
来源:互联网 发布:西安鼓楼网络售票 编辑:程序博客网 时间:2024/05/17 15:06
<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,},
0 0
- ReactNative设置 Image容器的 圆角背景
- Flex 设置容器背景的三种方法
- 兔子--背景的圆角设置
- 设置背景的圆角,边框
- ReactNative-Image组件
- ReactNative Image控件
- ReactNative Image 组件
- ReactNative Image组件详解
- 设置圆角背景边框的的按钮
- 安卓如何设置控件的圆角矩形背景
- Talk about ReactNative Image Component
- ReactNative系列之四Image
- iOS image-图片设置圆角
- Emgu Mat方法和Image方法设置一张背景图像
- 设置对话框的背景
- 设置透明的背景
- 设置NavigationBar的背景
- 设置JPanel的背景
- 【Consul】Consul实践指导-Encryption配置
- 两学一做
- 字符串池和堆
- TOJ 1438.Perfect Pth Powers
- 823oracle
- ReactNative设置 Image容器的 圆角背景
- 【lightoj1294】数学
- python多线程
- 几种硬盘IO性能测试工具
- AndroidCallPhone
- 数据结构实验之排序四:寻找大富翁
- Rocketmq 消息的解压缩
- 数据库相关
- MySQL索引原理及慢查询优化