title: Merge / Combine two or more different StyleSheet components in React Native?
body: <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>