RN-borderRadius 失效问题

因为用了Text包裹,所以失效了，改成View就好了！

<TouchableOpacity style={styles.list_cont}><Text style={styles.l_txt}><Text style={{color:'#FF290C'}}>* </Text><Text>特殊群体服务</Text></Text><Text style={styles.r_txt} ><Text style={styles.num}> 1 </Text><AntDesignname={'right'}size={FONT_SIZE(16)}color='#A6A6A6'style={styles.r_arrows}/></Text></TouchableOpacity>

改：

<TouchableOpacity style={styles.list_cont}><Text style={styles.l_txt}><Text style={{color:'#FF290C'}}>* </Text><Text>特殊群体服务</Text></Text><View style={styles.r_txt} ><Text style={styles.num}> 1 </Text><AntDesignname={'right'}size={FONT_SIZE(16)}color='#A6A6A6'style={styles.r_arrows}/></View></TouchableOpacity>

num:{width: 15,height: 15,textAlign: 'center',color: '#fff',backgroundColor: '#f53939',borderRadius:100,},

RN-borderRadius 失效问题相关推荐

H5中 video 使用border-radius失效解决方法
添加下面
java如何设置圆角边框_巧妙实现带圆角的渐变边框
如何实现下面这个渐变的边框效果: 这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意. border-image border-image 是 CSS 规范 CSS Backgrounds ...
Gatsby中怎么加载图片？
一.Gatsby页面怎么加载图片? 在编写网站页面时,总是会遇到有图片要显示,那么怎么加载这些图片呢? 1.Gatsby 中图片有三种形式: 本地图片,譬如 : src/images 目录下的图片: ...
java 渐变圆_巧妙实现带圆角的渐变边框
如何实现下面这个渐变的边框效果: 这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意. border-image border-image 是 CSS 规范 CSS Backgrounds ...
border-image巧妙实现带圆角的渐变边框
如何实现下面这个渐变的边框效果: 这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意. border-image border-image 是 CSS 规范 CSS Backgrounds ...
太惊艳了，这些都是css的杰作
作者: 晴栀珍惜拥有的每一天,拥抱生命里的每一个瞬间.莫到日历沙沙划去了岁月,莫到钟摆悠悠摇老了容颜.不要一眨眼,芳华岁月都已成过往之事.才发现,时光匆匆逝去光阴真如箭. 文章目录有趣的css动画 ...
RN measure获取元素坐标失效问题 (仅安卓端)
功能描述 1 ScrollView 嵌套一个FlatList, FlatList 上面有一个筛选Bar, 当滚动到顶部时, 需要将筛选Bar吸顶, 借助 stickyHeaderIndices 属性. ...
border-radius属性失效
今天调试项目的时候突然发现,设置的border-radius竟然失效了,打开f12,眼看着浏览器把这个属性也给划掉了,不是一般的郁闷,按照道理来说,不应该会出现这样神奇的bug. css代码: #ph ...
border-radius导致overflow:auto 或者 overflow:hidden失效，溢出问题解决方法
如图所示:如果一个父元素设置了overflow:hidden属于的同时还设置了border-radius属性,那么如果想隐藏超出的子元素,四个圆角处会出现超出圆角依然显示的bug: 解决办法: 只需在 ...
border-radius 圆角 ios 失效
父元素设置: border-radius:50px; overflow:hidden; 子元素(img)设置: width:100%; height:100%; 这 ...

RN-borderRadius 失效问题

RN-borderRadius 失效问题

RN-borderRadius 失效问题相关推荐

最新文章

热门文章