Javascript 网格单元上的边界在网格中不统一_Javascript_Reactjs_Layout_React Native

Javascript 网格单元上的边界在网格中不统一

javascript reactjs layout react-native

Javascript 网格单元上的边界在网格中不统一,javascript,reactjs,layout,react-native,Javascript,Reactjs,Layout,React Native,我正在尝试用react native构建一个简单的计算器我创建了一个borderWidth为0.5的按钮组件，并使用此按钮组件来形成小键盘。但边界并不统一。与其他细胞相比，少数细胞的边界似乎较厚此代码位于我使用您的代码构建了一个示例，但我不太明白为什么会发生这种情况。然而，这是一个可复制的问题。可能与重叠的边界有关作为一种解决方法，您可以使用borderLeftWidth:1和borderTopWidth:1并将其他边框保留为0宽度，这将产生下面可见的结果但如果我使用borderR

我正在尝试用react native构建一个简单的计算器

我创建了一个borderWidth为0.5的按钮组件，并使用此按钮组件来形成小键盘。但边界并不统一。与其他细胞相比，少数细胞的边界似乎较厚

此代码位于

我使用您的代码构建了一个示例，但我不太明白为什么会发生这种情况。然而，这是一个可复制的问题。可能与重叠的边界有关

作为一种解决方法，您可以使用

borderLeftWidth:1

和

borderTopWidth:1

并将其他边框保留为0宽度，这将产生下面可见的结果

但如果我使用borderRightWidth:1和borderBottomWidth:1，则边框是不统一的