react-native - 是否需要使用StyleSheet.create？

Question

我以这种方式定义样式：

const styles = StyleSheet.create({
    container: {},
    tabContent: {
        alignItems: "flex-start",
        flexDirection: "column",
        padding: 21
    },
    tabHeader: {
        flex: 0,
        fontSize: 10,
        paddingTop: 10,
    },
    tabText: {
        flex: 0,
        fontSize: 14,
        paddingTop: 10,
        textAlign: "left"
    },
})

但是，有一次我忘记使用StyleSheet.create并使用了一个普通对象：

const styles = {
    container: {},
    tabContent: {
        alignItems: "flex-start",
        flexDirection: "column",
        padding: 21
    },
    tabHeader: {
        flex: 0,
        fontSize: 20,
        paddingTop: 10,
    },
    tabText: {
        flex: 0,
        fontSize: 14,
        paddingTop: 10,
        textAlign: "left"
    },
}

令人惊讶的是它起作用了。
是否需要使用StyleSheet.create定义样式，还是可以使用普通对象？

Answer 1

我认为在可能的情况下使用StyleSheet比使用常规对象还要好，这仍然更好。

从React Native Docs：


性能：


用样式对象制作样式表可以通过ID引用它，而不必每次都创建一个新的样式对象。
它还仅允许通过桥发送一次样式。所有后续使用都将引用一个ID（尚未实现）。



记得记得在某处（认为是github问题）遇到类似问题，有人说使用StyleSheet还是更好。

希望这可以帮助！