react-native-ui-lib/typings/components/text/index.js

[](https://travis-ci.org/wix/react-native-ui-lib) [](https://www.npmjs.com/package/react-native-ui-lib) [![NPM Down

import React from "react";
import { Text as RNText, StyleSheet } from "react-native";
import { BaseComponent } from "../../commons";
/**
 * @description: A wrapper for Text component with extra functionality like modifiers support
 * @extends: Text
 * @extendslink: https://facebook.github.io/react-native/docs/text.html
 * @modifiers: margins, color, typography
 */
export default class Text extends BaseComponent {
    // static defaultProps = {
    //   color: Colors.dark10,
    // }
    generateStyles() {
        this.styles = createStyles(this.props);
    }
    setNativeProps(nativeProps) {
        this._root.setNativeProps(nativeProps); // eslint-disable-line
    }
    render() {
        const color = this.props.color || this.extractColorValue();
        const typography = this.extractTypographyValue();
        const { style, center, ...others } = this.getThemeProps();
        const { margins } = this.state;
        const textStyle = [
            this.styles.container,
            typography,
            color && { color },
            margins,
            center && { textAlign: "center" },
            style
        ];
        return (<RNText {...others} style={textStyle} ref={r => (this.text = r)}>
        {this.props.children}
      </RNText>);
    }
    measure(...args) {
        this.text.measure(...args);
    }
    measureInWindow(...args) {
        this.text.measureInWindow(...args);
    }
}
Text.displayName = "Text";
function createStyles() {
    return StyleSheet.create({
        container: {
            backgroundColor: "transparent"
        }
    });
}