Reactxp starter pack

Some changes in app init and rendering the header bar in reactxp. Moved linking and exit to separate files for web/mobile

1 files changed, 46 insertions, 0 deletions

diff --git a/app/components/HeaderBarStyles.js b/app/components/HeaderBarStyles.js
new file mode 100644
index 0000000000..c2f86c2dc9
--- /dev/null
+++ b/app/components/HeaderBarStyles.js
@@ -0,0 +1,46 @@
+import { Styles } from 'reactxp';
+
+const styles = {
+  headerbar:Styles.createViewStyle({
+  padding: 12,
+  backgroundColor: '#294D73',
+  flexDirection: 'row',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+}),headerbar__hidden: Styles.createViewStyle({
+  paddingTop: 0,
+  paddingBottom: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+}),headerbar__style_defaultDark: Styles.createViewStyle({
+  backgroundColor: '#192E45',
+}),headerbar__style_error: Styles.createViewStyle({
+  backgroundColor: '#D0021B',
+}),headerbar__style_success: Styles.createViewStyle({
+  backgroundColor: '#44AD4D',
+}),headerbar__container: Styles.createViewStyle({
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'center',
+}),headerbar__title: Styles.createTextStyle({
+  fontFamily: 'DINPro',
+  fontSize: 24,
+  fontWeight: '900',
+  lineHeight: 30,
+  letterSpacing: -0.5,
+  color: 'rgba(255,255,255,0.6)',
+  marginLeft: 8,
+}),headerbar__logo: Styles.createViewStyle({
+  height: 50,
+  width: 50,
+}),headerbar__settings: Styles.createViewStyle({
+  width: 24,
+  height: 24,
+  backgroundColor: 'transparent',
+  marginLeft: -6, //Because of button.css, when removed remove this
+  marginTop: -1, //Because of button.css, when removed remove this
+})
+};
+
+
+module.exports = styles;
\ No newline at end of file