Svg Text support?

[Jami Dwyer]

Thank you for sharing this!

We needed to use an emoji inside an SVG and Android was not positioning the emoji correctly.

I think the fix might be something like:

'use strict';

import React, { PureComponent } from 'react';
import { Text } from 'react-native';
import Svg from 'react-native-svg';
import PropTypes from 'prop-types';
import nodeEmoji from 'node-emoji';

const SvgText = Svg.Text;

export default class Emoji extends PureComponent {
  static propTypes = {
    name: PropTypes.string.isRequired,
    svg: PropTypes.bool,
    ...Text.propTypes
  };

  render() {
    const { name, svg, ...props } = this.props;
    const emoji = nodeEmoji.get(name);
    if (!svg) {
      return (<Text {...props}>{ emoji }</Text>);
    }
    return (<SvgText {...props}>{ emoji }</SvgText>);
  }
}

I can submit a PR if you'd like or feel free to make the change if you think it's useful. Thanks again for sharing your work! 🏅