mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-03-29 09:08:32 +08:00
36 lines
665 B
JavaScript
36 lines
665 B
JavaScript
import React from 'react'
|
|
import { StyleSheet, Text } from 'react-native'
|
|
|
|
const Heading = ({ children, size = 'normal' }) => (
|
|
<Text
|
|
accessibilityRole='heading'
|
|
children={children}
|
|
style={{ ...styles.root, ...sizeStyles[size] }}
|
|
/>
|
|
)
|
|
|
|
const sizeStyles = StyleSheet.create({
|
|
xlarge: {
|
|
fontSize: '2rem',
|
|
marginBottom: '1em'
|
|
},
|
|
large: {
|
|
fontSize: '1.5rem',
|
|
marginBottom: '1em',
|
|
marginTop: '1em'
|
|
},
|
|
normal: {
|
|
fontSize: '1.25rem',
|
|
marginBottom: '0.5em',
|
|
marginTop: '0.5em'
|
|
}
|
|
})
|
|
|
|
const styles = StyleSheet.create({
|
|
root: {
|
|
fontFamily: '"Helvetica Neue", arial, sans-serif'
|
|
}
|
|
})
|
|
|
|
export default Heading
|