React Native – ios – 带边框的圆圈 – 圆形背景颜色溢出圆圈

发布时间：2020-12-15 20:18:34 所属栏目：百科来源：网络整理

导读：我正在尝试创建一个带有白色背景的圆形反应原生,我有一个问题,在边框的轮廓上可以看到圆圈的背景颜色. 看看这个游乐场应用： https://rnplay.org/apps/TsQ-CA 如果你仔细观察,你会发现圆圈周围有一条细黑线.这就像边界不覆盖整个背景. 这是圆圈样式：圈子：

我正在尝试创建一个带有白色背景的圆形反应原生,我有一个问题,在边框的轮廓上可以看到圆圈的背景颜色.

看看这个游乐场应用：
https://rnplay.org/apps/TsQ-CA

如果你仔细观察,你会发现圆圈周围有一条细黑线.这就像边界不覆盖整个背景.

这是圆圈样式：

圈子：{
????borderRadius：40,
????宽度：80,
????身高：80,
????borderWidth：5,
????borderColor：’white’,
????backgroundColor：’black’
??}

附：这只发生在iOS上

有任何想法吗？？
谢谢！

解决方法

这看起来像React Native中的一个错误.您可以使用2个圆圈来解决它：

class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <View style={styles.outerCircle}>
      	  <View style={styles.innerCircle} />
      	</View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: 'white',},outerCircle: {
    borderRadius: 40,width: 80,height: 80,innerCircle: {
    borderRadius: 35,width: 70,height: 70,margin: 5,backgroundColor: 'black'
  },});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!