当前位置 : 主页 > 网页制作 > React >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
有谁知道更改Text组件的默认文本颜色的好方法? 这是我将它包装在MyText组件中的尝试. import styles from 'somewhere'; // import default colorfunction MyText(props) { return ( Text style={[styles.default, props.s
有谁知道更改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>
  );
}
网友评论