Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | 11x 27x 27x 11x 11x | import React from 'react';
import PropTypes from 'prop-types';
import { Text, StyleSheet, Platform } from 'react-native';
import { fonts, withTheme } from '../config';
import normalize from '../helpers/normalizeText';
const TextElement = props => {
const { style, children, h1, h2, h3, h4, fontFamily, ...rest } = props;
return (
<Text
style={StyleSheet.flatten([
styles.text,
h1 && { fontSize: normalize(40) },
h2 && { fontSize: normalize(34) },
h3 && { fontSize: normalize(28) },
h4 && { fontSize: normalize(22) },
h1 && styles.bold,
h2 && styles.bold,
h3 && styles.bold,
h4 && styles.bold,
fontFamily && { fontFamily },
style && style,
])}
{...rest}
>
{children}
</Text>
);
};
TextElement.propTypes = {
style: PropTypes.any,
h1: PropTypes.bool,
h2: PropTypes.bool,
h3: PropTypes.bool,
h4: PropTypes.bool,
fontFamily: PropTypes.string,
children: PropTypes.any,
};
const styles = StyleSheet.create({
text: {
...Platform.select({
android: {
...fonts.android.regular,
},
}),
},
bold: {
...Platform.select({
android: {
...fonts.android.bold,
},
}),
},
});
export { TextElement };
export default withTheme(TextElement, 'Text');
|