javascript - 使用 react-native-localize 本地化轮播/列表项

Question

我正在使用 react-native-localize 库构建一个本地化的应用程序，它使用 i18n.t('key') 帮助器与普通字符串很好地配合，如下所示：

<Text style={{ color:'rgb(0,0,0)', fontSize:14  }}>{I18n.t("hello")}</Text>

https://github.com/zoontek/react-native-localize

现在我有一个问题，我不知道如何本地化 .map 列表或 Carousel 项目，我的 Carousel 将一个数组作为项目，但是如何传递我的本地化字符串而不是静态数据数组？

<Carousel  firstItem={0}  data={dataArray}
            renderItem={({ item }) => 
            <View style={{ backgroundColor:'white', width:370, borderWidth:0,height:340, flexDirection:'column', alignItems:'center', justifyContent:'center' }}>
            
            <Text style={{ fontSize:18, color:'black',marginBottom:10,fontFamily:'AirbnbCerealMedium',textAlign:'center' }}>{ item.title }</Text> 
            </View>}
           />

我的本地化 json 文件如下所示：

export default {
    hello: "Hola",
    slider1: 
    {
        title:'Este es el primer titulo',
        body:'Este es la primera descriptcion'
    },
    slider2: 
    {
        title:'Este es el primer titulo',
        body:'Este es la primera descriptcion'
    },
    slider3: 
    {
        title:'Este es el primer titulo',
        body:'Este es la primera descriptcion'
    }
  };

提前致谢

标签： javascriptreactjsreact-native