fix: respect dynamic screensize

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,

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;
+export default Row;

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';

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();