title: How can I export these 2 variables together on react-native
body: <p>I want to make 2 variables for the main colors which can be used on the whole app. Here is the code:</p>
  
  <pre class="lang-js prettyprint-override"><code>import React, { Component } from 'react';
  import { View, StyleSheet } from 'react-native';
  
  const primary = '#27bcb5';
  const secondary = '#ffffff;
  </code></pre>
  
  <p>How can I export these 2 variables together for using on the app components? </p>
  
  <p>Issue with the solution is :</p>
  
  <pre class="lang-js prettyprint-override"><code>import  {DefaultStyle}  from './variables';
  
  const screenHeight = Dimensions.get("window").height;
  
  const styles = {
    wrapper: {},
    slide1: {
      flex: 1,
      justifyContent: "center",
      alignItems: "center",
      backgroundColor: primary,
  </code></pre>
  
  <p>it says can't find variable primary</p>