React Native 破碎的边框

Question

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

我目前有这个：

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

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

Answer 1

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

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

React Native 破碎的边框

React Native broken up border

css

border

reactjs

react-native