テキストコンポーネントのデフォルトの色を追加するより良い方法はありますか？

Question

誰かがテキストコンポーネントのデフォルトのテキストの色を変更するよい方法を知っていますか？

MyTextコンポーネントでラップしてみました。

import styles from 'somewhere'; // import default color 

function MyText(props) { 
    return (
    <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, 
}; 

Answer 1

はあなたがグラマラスネイティブとよりきれいにし、簡単にこれを行うことができます

function MyText({ 
    children, 
    style, 
    ...props 
}) { 
    return (
    <Text 
     {...props} 
     style={[styles.default, style]} 
    > 
     {children} 
    </Text> 
); 
} 

Answer 2

を解く：

import glamorous from "glamorous-native"; 

const MyText = glamorous.text({ ...styles }); 

<MyText> 
    ... 
</MyText 

を