From 3e72bfa56c860826429a842f6c128d78d4a930db Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 1 Jun 2017 19:47:08 -0400 Subject: react-native-web port of fmf app --- client/src/lib/components/heading.js | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 client/src/lib/components/heading.js (limited to 'client/src/lib/components/heading.js') diff --git a/client/src/lib/components/heading.js b/client/src/lib/components/heading.js new file mode 100644 index 0000000..4ec19fb --- /dev/null +++ b/client/src/lib/components/heading.js @@ -0,0 +1,34 @@ +import React, { Component } from 'react'; +import { + StyleSheet +} from 'react-native'; +import DeviceInfo from 'react-native-device-info' + +import ClearText from './text' + +export default class Heading extends Component { + render() { + const {style, ...props} = this.props + return ( + + ) + } +} + +const isIphone = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) +const isIpad = (navigator.userAgent.match(/iPad/i)) +const isAndroid = (navigator.userAgent.match(/Android/i)) +const isMobile = isIphone || isIpad || isAndroid +const isDesktop = ! isMobile + +const styles = StyleSheet.create({ + heading: { + marginLeft: 0, + paddingTop: isMobile ? 5 : 10, + paddingLeft: 0, + paddingRight: 0, + paddingBottom: isMobile ? 10 : 30, + fontSize: isMobile ? 20 : 25, + textAlign: 'center', + } +}) -- cgit v1.2.3-70-g09d2