reactjs - 在 React Native 中合并/组合两个或多个不同的样式表组件？

Question

我通过以下方式分离我的样式:

styles /
|-- base.js
|-- base.ios.js
|-- base.android.js

它们每个都导出一个按此示例创建的 StyleSheet 组件:

import { StyleSheet } from 'react-native';

export default StyleSheet.create({
    statusBar: {
    height: 20
});

如何合并它们以便我只有一个基本样式对象？我正在寻找类似的东西:

const baseStyles = mergeStyles(baseStyle, platformStyle);

Answer 1

你很接近:

const baseStyles = [baseStyle, platformStyle];

基本上任何组件都可以级​​联样式，如下所示:

<View style={[styles.style1,styles.style2]}></View>