include configuration of demo app presets with the example screens registration

Author: ethanshar

demo/src/configurations.js

@@ -0,0 +1,16 @@
+import {Assets, Typography, Spacings} from 'react-native-ui-lib'; // eslint-disable-line
+
+Assets.loadAssetsGroup('icons.demo', {
+  refresh: require('./assets/icons/refresh.png'),
+  search: require('./assets/icons/search.png')
+});
+
+Typography.loadTypographies({
+  h1: {...Typography.text40},
+  h2: {...Typography.text50},
+  h3: {...Typography.text60}
+});
+
+Spacings.loadSpacings({
+  page: Spacings.s5
+});

demo/src/demoApp.js

@@ -5,28 +5,11 @@ import {
   AnimatableManager,
   ThemeManager,
   Constants,
-  Assets,
   Colors,
-  Typography,
-  Spacings
+  Typography
 } from 'react-native-ui-lib'; // eslint-disable-line
 import {registerScreens} from './screens';
 
-Assets.loadAssetsGroup('icons.demo', {
-  refresh: require('./assets/icons/refresh.png'),
-  search: require('./assets/icons/search.png')
-});
-
-Typography.loadTypographies({
-  h1: {...Typography.text40},
-  h2: {...Typography.text50},
-  h3: {...Typography.text60}
-});
-
-Spacings.loadSpacings({
-  page: Spacings.s5
-});
-
 /** Examples - uncomment when needed */
 // Typography.loadTypographies({
 //   h1: {fontSize: 58, fontWeight: '300', lineHeight: 80},

demo/src/screens/index.js

@@ -1,6 +1,8 @@
 import {gestureHandlerRootHOC} from 'react-native-gesture-handler';
 
 export function registerScreens(registrar) {
+  // load demo app presets
+  require('../configurations');
 
   require('./componentScreens').registerScreens(registrar);
   require('./foundationScreens').registerScreens(registrar);
@@ -13,4 +15,5 @@ export function registerScreens(registrar) {
   registrar('unicorn.PlaygroundScreen', () => gestureHandlerRootHOC(require('./PlaygroundScreen').default));
   registrar('unicorn.Settings', () => require('./SettingsScreen').default);
   registrar('unicorn.CustomScreen', () => require('./CustomScreen').default);
+
 }