网格单元格上的边界在原生反应中不均匀

Question

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

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

此代码为 https://github.com/akiran/exponent-calculator/blob/master/components/Buttons.js

https://github.com/akiran/exponent-calculator/blob/master/components/KeyPad.js

Answer 1

我用你的代码构建了一个例子，无法弄清楚为什么会这样。然而，这是一个可重现的问题。可能与重叠边界有关吗？

作为一种变通方法，您可以使用borderLeftWidth: 1和borderTopWidth: 1并将其他边框保留为0宽度，从而生成下面显示的结果。