Разбить новую строку в реакции Native с помощью реакции i18next
Я использую react-i18next i18next в react-native проекте. У меня возникли проблемы с добавлением новой строки в переведенный текст.
// locales_en.json
"FOO": "I am text \n that should have a new line
Это \n ничего не делает. Как добавить разрыв строки в файлы перевода?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
{
"FOO": "I am text\nthat should have a new line\nThat\nis not doing anything."
}
Убедитесь, что в вашем коде React Native вы отображаете переведенный текст с помощью компонента, который поддерживает символы новой строки, например компонента Text:
import React from 'react';
import { Text } from 'react-native';
import { useTranslation } from 'react-i18next';
const MyComponent = () => {
const { t } = useTranslation();
return <Text>{t('FOO')}</Text>;
};
export default MyComponent;
<Text FontWeight = "bold"></Text> вы можете выбрать здесь: ('обычный', 'жирный', '100', '200', '300', '400', '500', '600' , '700', '800', '900')
Я имею в виду файл перевода. Если я хочу выделить одно слово в этой строке жирным шрифтом There is one <b>word</b> that should be bold
Ага, понятно. Вам просто нужно добавить опасноSetInnerHTML внутри <Text></Text> { "FOO": "Есть одно <b>слово</b>, которое должно быть выделено жирным шрифтом" } <Text опасноSetInnerHTML = {{ __html: t('FOO' ) }} />
Хм, не уверен, что это работает... Это не HTML, то, что я пишу, и не то, во что компилируется React-native...
Вы также знаете, как сделать текст жирным?