React Native 打破边界

Question

我正在为 React-Native 寻找一些样式指导。我想创建一个只有一定数量的角着色的边框。像这样的东西：

我目前有这个：

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

我不知道如何打破边界。有什么想法吗？

Answer 1

能够通过将 4 个<View />s 添加到 captureSqaure 并赋予它们以下属性来做到这一点：

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