网格的单元格边界在反应本机中是不统一的

Question

我正尝试构建一个简单的计算器，它具有反应本机。

我创建了一个边框宽度为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宽度，这会在下面显示结果。