Estoy usando i18n-js en una aplicación React Native, también Expo y expo-localization . Aunque la biblioteca proporciona interpolación para cadenas traducidas, no encontré una manera de insertar componentes o estilos React o React Native entre palabras para proporcionar un mejor formato.

Por ejemplo:

 // en.js // ... { "bold": "A word will be <B>bold</B> inside this string." } // create the i18n string const B = (props) => <Text style={{fontWeight: 'bold'}}>{props.children}</Text> console.log( I18n.t("bold") );

Esperado: una palabra estará en negrita dentro de esta cadena

Lo que obtuve: A word will be <B>bold</B> inside this string

¿Cómo puedo agregar estilos a algunas palabras traducidas?