react-native-svg/elements/TSpan.js

import React from "react";
import { requireNativeComponent } from "react-native";
import extractProps, { propsAndStyles } from "../lib/extract/extractProps";
import extractTransform from "../lib/extract/extractTransform";
import extractText, { setTSpan } from "../lib/extract/extractText";
import { pickNotNil } from "../lib/util";
import Shape from "./Shape";

export default class TSpan extends Shape {
  static displayName = "TSpan";

  setNativeProps = props => {
    const matrix = !props.matrix && extractTransform(props);
    if (matrix) {
      props.matrix = matrix;
    }
    const text = pickNotNil(extractText(props, false));
    this.root.setNativeProps({
      ...props,
      ...text,
    });
  };

  render() {
    const props = this.props;
    const prop = propsAndStyles(props);
    return (
      <RNSVGTSpan
        ref={this.refMethod}
        {...extractProps(
          {
            ...prop,
            x: null,
            y: null,
          },
          this,
        )}
        {...extractText(prop, false)}
      />
    );
  }
}

setTSpan(TSpan);

const RNSVGTSpan = requireNativeComponent("RNSVGTSpan");