react-native – 为Text组件添加默认颜色的更好方法？

发布时间：2020-12-15 16:16:22 所属栏目：百科来源：网络整理

导读：有谁知道更改Text组件的默认文本颜色的好方法？这是我将它包装在MyText组件中的尝试. import styles from 'somewhere'; // import default colorfunction MyText(props) { return ( Text style={[styles.default,props.style]} allowFontScaling={props.all

有谁知道更改Text组件的默认文本颜色的好方法？

这是我将它包装在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,};

解决方法

解决了

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!