React Native打破了边界

Question

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

我目前有这个：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

Answer 1

能够通过向captureSqaure添加4 <View />并为其提供以下属性来实现此目的：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;