javascript - 在 StyleSheet 中使用函数是否存在性能缺陷？

Question

为了简化代码并将 Prop 传递给我的样式，我想出了这个解决方案

const styles = StyleSheet.create({
  someNormalStyle: {
    backgroundColor: 'red',
  },
  dynamicStyle(color) {
   return {
    backgroundColor: color
   }
  }
})

然后我会在我的组件中正常使用它，即

<View style={style.someNormalStyle} />
<View style={style.dynamicStyle('blue')} />

这似乎有效，我只是想验证这样做是否会对性能造成影响？

Answer 1

你真的吗race the horses ？

如果您这样做，您可能会注意到一次函数调用不会花费您那么多钱，引擎甚至可能会内联它。

“简化代码”...是的，这就是重点。