渲染时使用样式的边框属性会消耗更多内存？答案

【问题标题】：Using styles' border property consumes more memory when rendering?渲染时使用样式的边框属性会消耗更多内存？
【发布时间】：2018-11-03 05:12:53
【问题描述】：

这可能更像是一个一般性问题而不是技术问题 - 通过 styles 使用 border 属性是否比通过 backgroundColor 属性创建边框更容易记忆压力（在某些情况下）？请考虑以下两个我想带入比较的代码 - 并且情况是将它们放在渲染器组件中到 RN 列表中：

带有样式边框：

<View style={{width: 100, height: 20, borderBottomWidth: 1, borderBottomBackgroundColor: '#cccccc'}}/>

对比

<View style={{width: 100, height: 20}}/>
<View style={{width: 100, height: 1, backgroundColor: '#cccccc'}}/>

谢谢！

【问题讨论】：

【解决方案1】：

如果需要边框，请使用border 属性。这就是它的目的。我从来没有看到内存甚至会受到关注的场景。但是，如果我不得不对此发表评论，乍一看，backgroundColor 似乎效率较低，因为您必须渲染第二个元素。

虽然老实说，如果您提出这个问题，并且使用 hack 来创建已经是原生的 CSS 效果，您似乎是在关注错误的事情或者出现了问题。但是，由于您没有提及您的具体用例，我无法确定。

【讨论】：