Merge / Combine two or more different StyleSheet components in React Native?
<p>I'm separating  my styles in the following way:</p>

<pre><code>styles /
|-- base.js
|-- base.ios.js
|-- base.android.js
</code></pre>

<p>Each of them exports a StyleSheet component created as in this example:</p>

<pre><code>import { StyleSheet } from 'react-native';

export default StyleSheet.create({
    statusBar: {
    height: 20
});
</code></pre>

<p>How can I merge them so I only have one base style object? I'm looking for something like:</p>

<pre><code>const baseStyles = mergeStyles(baseStyle, platformStyle);
</code></pre>