css - react 本地边界破裂

我正在寻找React-Native的一些样式指导。我想创建一个仅带有一定数量的角的边框。像这样：


我目前有这个：

  captureSquare: {
    height: 450,
    width: 450,
    borderWidth: 2,
    borderColor: '#FFFFFF,
    backgroundColor: 'transparent',
    justifyContent: 'center',
    alignItems: 'center',
  },

我不确定如何打破边界。有任何想法吗？

最佳答案

为此，可以将4个<View />添加到captureSqaure并赋予它们以下属性：

  topLeftEdge: {
    position: 'absolute',
    top: 0,
    left: 0,
    height: 25,
    width: 25,
    borderColor: '#FFFFFF,
    borderLeftWidth: 3,
    borderTopWidth: 3,
  },