From c83210d6a6ffe48433fc48d3d0da4b17e8a38bbb Mon Sep 17 00:00:00 2001
From: Mark Vayngrib <mark@tradle.io>
Date: Tue, 20 Mar 2018 14:27:27 -0400
Subject: [PATCH] fix: respect dynamic screensize

---
 src/components/Column.js | 3 ++-
 src/components/Row.js    | 8 ++++----
 src/index.js             | 2 +-
 src/lib/ScreenSize.js    | 4 +---
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/Column.js b/src/components/Column.js
index 1e07109..9c52750 100644
--- a/src/components/Column.js
+++ b/src/components/Column.js
@@ -1,10 +1,11 @@
 import React, {Component} from 'react';
 import PropTypes from "prop-types";
-import {screenSize} from '../lib/ScreenSize';
+import {getScreenSize} from '../lib/ScreenSize';
 import {isHidden, getComponentWidth, getComponentOffset} from '../lib/helpers';
 import {View} from 'react-native';
 
 const Column = (props) => {
+    const screenSize = getScreenSize()
     const {
       sm,
       smOffset,
diff --git a/src/components/Row.js b/src/components/Row.js
index afc8a2d..bbd1e42 100644
--- a/src/components/Row.js
+++ b/src/components/Row.js
@@ -1,6 +1,6 @@
 import React, {Component} from 'react';
 import PropTypes from "prop-types";
-import {screenSize} from '../lib/ScreenSize';
+import {getScreenSize} from '../lib/ScreenSize';
 import {isHidden} from '../lib/helpers';
 import {View} from 'react-native';
 
@@ -14,8 +14,8 @@ const cloneElements = (props) => {
 }
 
 const Row = (props) => {
-  if(isHidden(screenSize, props)){
-      return null;
+  if(isHidden(getScreenSize(), props)){
+     return null;
     } else {
       return (
         <View {...props}
@@ -39,4 +39,4 @@ Row.propTypes = {
   lgHidden: PropTypes.bool,
 };
 
-export default Row;
\ No newline at end of file
+export default Row;
diff --git a/src/index.js b/src/index.js
index b3e0beb..ce6fc78 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +1,3 @@
 export { default as Row } from './components/Row';
 export { default as Column } from './components/Column';
-export {screenSize as SCREEN_SIZE} from './lib/ScreenSize';
+export { getScreenSize } from './lib/ScreenSize';
diff --git a/src/lib/ScreenSize.js b/src/lib/ScreenSize.js
index 8c69c43..c03d172 100644
--- a/src/lib/ScreenSize.js
+++ b/src/lib/ScreenSize.js
@@ -3,7 +3,7 @@
 import React from 'react';
 import { Dimensions } from 'react-native';
 
-function setScreenSize(){
+export function getScreenSize() {
   const SCREEN_WIDTH = Dimensions.get('window').width;
   const IPAD_WIDTH = 768;
   const IPAD_PRO_WIDTH = 1024;
@@ -18,5 +18,3 @@ function setScreenSize(){
     return 'large';
   }
 }
-
-export const screenSize = setScreenSize();