RN-borderRadius 失效问题

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,
    },