right-to-left language support

Per https://github.com/capitalone/react-native-pathjs-charts/issues/181 it seems there is an issue with rendering right-to-left languages (at least on Android). Specifically in Persian, words are backwards and letters are not cursive-joined.

Here is an example that reproduces the issue:

import Svg,{ G, Path, Text } from 'react-native-svg'
...
render(){
    let persianText = "الفبای فارسی‎‎";
    return (
      <View>
        <Svg width={200} height={200}><G><Text>{persianText}</Text></G></Svg>
      </View>
    )
}

[msand]

Perhaps you can use the relatively recently implemented inlineSize attribute then:

import * as React from "react";
import { View, Text } from "react-native";
import { Svg, G, Text as SvgText, TSpan } from "react-native-svg";

let persianText = "الفبای فارسی‎‎";

export default () => (
  <View>
    <Text>{persianText}</Text>
    <Svg
      width="100%"
      height="100%"
      style={{ borderWidth: 1, borderColor: "black" }}
    >
      <SvgText>
        <TSpan y={15} fontSize={14} inlineSize="100%" textAnchor="start" >
          {persianText}
        </TSpan>
        <TSpan y={30} fontSize={14} inlineSize="100%" textAnchor="middle" >
          {persianText}
        </TSpan>
        <TSpan y={45} fontSize={14} inlineSize="100%" textAnchor="end" >
          {persianText}
        </TSpan>
      </SvgText>
    </Svg>
  </View>
);

[BatDroid]

any one can tell what awebfont.ir/convert is exactly doing to the passed text. if we find out then we can find a util for it to do it for us to use it for dynamic data as well as static ones