网格单元格的边界在本机react中不均匀

IT技术 javascript reactjs layout react-native
2021-05-26 18:04:50

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

我创建了一个边框宽度为 0.5 的按钮组件,并使用这个按钮组件来形成小键盘。但边界并不统一。与其他单元格相比,少数单元格的边框显得较厚 在此处输入图片说明

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

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

1个回答

我使用您的代码构建了一个示例,但无法弄清楚为什么会发生这种情况。然而,这是一个可重现的问题。可能与重叠的边界有关?

作为一种解决方法,您可以使用borderLeftWidth: 1borderTopWidth: 1并将其他边框保留为 0 宽度,这会产生下面可见的结果。

统一边框示例