如何将i18n字符串嵌入到react native元素按钮中

Question

对于react-native中的按钮标题，我有以下工作代码（该按钮是react-native-elements按钮）。

<Button
          large
          title = {`Pay ${recipientForename}`} 

这愉快地显示了相关文本，具体取决于配方是谁，例如“ Pay Tony”，“ Pay Sarah”等。

我也在使用i18n-js，并且有一个多语言短语“ payments.Pay”（可从json文件访问），我想用它代替“ Pay”一词。使用文字标签（例如

）时，可以成功访问该词组

<text>{i18n.t('payments.Pay')}</text>

但是当我尝试嵌入

{i18n.t('payments.Pay')}

进入上面的“标题”行，似乎没有任何效果。

我应该使用什么语法成功嵌入i18n短语？

Answer 1

在本地化文件中使用以下语法：

payments.Pay: 'Pay %{name}'

然后在代码中：

<Button
    large
    title = {i18n.t('payments.Pay', {name: recipientForename})}

...