Does anyone know a good way to change the default text color of the Text component?
Here is my attempt by wrapping it in a MyText component.
import styles from 'somewhere'; // import default color
function MyText(props) {
retu (
<Text
style={[styles.default, props.style]}
allowFontScaling={props.allowFontScaling}
numberOfLines={props.numberOfLines}
onLayout={props.onLayout}
onLongPress={props.onLongPress}
onPress={props.onPress}
suppressHighlighting={props.suppressHighlighting}
testID={props.testID}
>
{props.children}
</Text>
);
}
MyText.propTypes = {
allowFontScaling: PropTypes.bool,
children: PropTypes.any,
numberOfLines: PropTypes.number,
onLayout: PropTypes.func,
onLongPress: PropTypes.func,
onPress: PropTypes.func,
style: PropTypes.object,
suppressHighlighting: PropTypes.bool,
testID: PropTypes.string,
};
