React native React native中的RTL图表

在花了很多时间在RTL中查找react native的图形之后，我没有发现任何关于RTL的内容。RTL中是否有任何图表或图形可用于react native？

实际上它非常简单。 您可以选择任何图表库，例如此图表库（用于以下示例）

在RTL中，您需要做的只是将传递给图表的数组的顺序颠倒： 例如，如果您有：

const data = [50, 10, 30, 20, -10, -20, 0, 25, -5, 10]

然后，在RTL中，您希望将此数据传递到图表：

const dataRTL = [...data].reverse() 
/** [10, -5, 25, 0, -20, -10, 20, 30, 10, 50]  **/

如果您有一个X轴，您还需要反转该轴的数据
如果要将Y轴置于右侧，可以切换组件的顺序（请参见下面的示例）

不带RTL的示例

render（）{
常量数据=[50,10,30,20，-10，-20,0,25，-5,10]
常数xLabel=['a'，'b'，'c'，'d'，'e'，'f'，'g'，'h'，'i'，'j']
返回(
`${value}：C`}
/>
xLabel[index]}
contentInset={{左：22，右：0}
svg={{fontSize:12，fill:'black'}
/>
)

带有RTL的示例

render（）{
常量数据=[50,10,30,20，-10，-20,0,25，-5,10]
常量dataRTL=[…数据].reverse（）
常数xLabel=['a'，'b'，'c'，'d'，'e'，'f'，'g'，'h'，'i'，'j']
常量xLabelRTL=[…xLabel].reverse（）
返回(
`${value}：C`}
/>
xLabelRTL[index]}
contentInset={{左：0，右：22}
svg={{fontSize:12，fill:'black'}
/>
)

---

（请注意，我还将Y轴放在折线图组件的下方，以便将Y轴放在右侧）

我在互联网上查找过，但找不到RTL是什么。实时的东西？准备好学习了吗？根据您接受的答案，我假设它是从右向左的，但这似乎不是一个广泛使用的首字母缩略词或一组词。读完这篇文章后，我只能假设您有一个阿拉伯语上下文。是的，这用于阿拉伯语和希伯来语内容。