react-native StyleSheet borderRadus compatibility

Question

我想为容器设置 borderRadus 样式。ios上存在兼容性问题，没有圆角。上面的安卓还可以。

const styles = StyleSheet.create({
    dot: {
        width: 11,
        height: 11,
        borderRadius: 11,
        backgroundColor: 'rgb(170,170,170)',
        marginRight: 5,
      }
    });

<Text style={styles.dot} />

ios 显示为正方形。谢谢！

Answer 1

您可以将View包装在 Text 元素之外。View元素没有此类兼容性问题