React-Native和样式化组件的性能问题

Question

我创建了一个样式化的组件，而不是每次需要时都创建一个视图，而是创建了一个样式化的组件，它是一个视图，并有条件地添加了我需要的样式，我将其作为prop传递 示例：

const ViewStyling = css<ViewStyleProps>`
${({ flex }) => flex && `flex: ${flex};`}
${({ flexGrow }) => flexGrow && `flex-grow: ${flexGrow};`}
${({ alignSelf }) => alignSelf && `align-self: ${alignSelf};`}
${({ alignItems }) => alignItems && `align-items: ${alignItems};`}
${({ alignContent }) => alignContent && `align-content: ${alignContent};`}
// a lot of other styles i might need
`

export const FlexView = styled.View<ViewStyleProps>`
  ${ViewStyling}
`;

然后我在需要时使用FlexView，为什么在我只能执行<FlexView flex={1} padding="10px"时设置另一个视图样式以添加flex 1。 从长远来看，这是否会导致性能问题，如果可以，如何以及为什么？ 从长远来看，这会导致性能改善吗？