css - React Native splinter 的边框

Question

我正在寻找 React-Native 的一些样式指南。我想创建一个只有一定数量的 Angular 有颜色的边框。是这样的:

我目前有这个:

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