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>
                            <AntDesign
                                name={'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>
                            <AntDesign
                                name={'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,
    },
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐