Блог

Главная - Вопросы по программированию - React-native не отображает строку

React-native не отображает строку

#react-native

#react-native

Вопрос:

Итак, я извлекаю html со своего сервера и отображаю его с помощью библиотеки: react-native-render-html

Некоторые части строки отображаются нормально, но некоторые из них выглядят так :

введите описание изображения здесь

Вот код:

  <Text style={styles.description}>
          {/* <Text>Testing...</Text> */}
          {currentPostDetails === null || currentPostDetails === undefined ? (
            'Loading...'
          ) : (
            <HTML
              html={currentPostDetails.text.replaceAll(
                'font-family:',
                'amp;quot;";',
              )}
            />
          )}
        </Text>

Какие-либо предложения, пожалуйста?

Комментарии:

1. похоже, проблема с библиотекой. Вы сделали. попробуйте создать проблему на странице github этой библиотеки?

2. @BoraSumer пока нет, я пока не уверен, может быть, проблема во мне

3. @user14587589 я только что заметил, что вы использовали html prop вместо source того, который был указан в документах. Есть ли причина для этого?

4. Я тоже изменил это, но все равно не сработало

5. <HTML baseFontStyle={{FontFamily: ‘обычный’}} источник={{ html: currentPostDetails.text.replaceAll(‘семейство шрифтов:’, ‘»»;’, ), }} />

Ответ №1:

Я считаю <Text> , что виноват компонент, который вы использовали для переноса дочерних компонентов. <Text> лучше всего работает, когда он отображает обычный текст вместо сложного компонента, подобного <HTML> .

Попробуйте вместо этого обернуть дочерние компоненты <View> компонентом, например:

 <View style={styles.description}>
  {/* <Text>Testing...</Text> */}
  {currentPostDetails === null || currentPostDetails === undefined ? (
    <Text>Loading...</Text>
  ) : (
    <HTML
      html={currentPostDetails.text.replaceAll(
        'font-family:',
        'amp;quot;";',
      )}
    />
  )}
</View>