Нераспознанное семейство шрифтов w React Native 62 только на iOS - PullRequest
0 голосов
/ 26 мая 2020

Android работает нормально - у меня есть текстовый компонент <Text style={styles.orText}>{'HELLO'}</Text> и стиль с определенным fontFamily: 'SourceSansPro-SemiboldItalic'. На iOS выдает ошибку [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro-SemiboldItalic'.

Если я изменю этот стиль на SourceSansPro-Semibold на iOS, я не получу ошибок, но текст вообще не будет отображаться. И у меня есть компонент Button из rn-elements, который правильно отображает 'SourceSansPro-Semibold'.

У меня есть все файлы шрифтов .ttf, добавленные в мой проект, все они находятся в ресурсах Copy Bundle, а также добавлены в Info.plist в разделе «Шрифты, предоставленные приложением». Сделали несколько чисток сборки, а также попробовали перейти на устаревшую систему сборки. Я запускаю приложение из Xcode, но я также пробовал запустить react-native run-is и получил ту же ошибку шрифта. У меня есть код, работающий в App Delegate, чтобы сообщить о шрифтах, и он показывает усеченные имена для чего-либо Itali c:

2020-05-26 10:57:35.426495+0200[97197:8029221] Source Sans Pro
2020-05-26 10:57:35.426871+0200[97197:8029221]  SourceSansPro-BlackIt
2020-05-26 10:57:35.427183+0200[97197:8029221]  SourceSansPro-SemiboldIt
2020-05-26 10:57:35.427585+0200[97197:8029221]  SourceSansPro-LightIt
2020-05-26 10:57:35.427993+0200[97197:8029221]  SourceSansPro-BoldIt
2020-05-26 10:57:35.428413+0200[97197:8029221]  SourceSansPro-Light
2020-05-26 10:57:35.428764+0200[97197:8029221]  SourceSansPro-ExtraLightIt
2020-05-26 10:57:35.429126+0200[97197:8029221]  SourceSansPro-Regular
2020-05-26 10:57:35.429549+0200[97197:8029221]  SourceSansPro-It
2020-05-26 10:57:35.429852+0200[97197:8029221]  SourceSansPro-ExtraLight
2020-05-26 10:57:35.430232+0200[97197:8029221]  SourceSansPro-Bold
2020-05-26 10:57:35.430571+0200[97197:8029221]  SourceSansPro-Semibold
2020-05-26 10:57:35.430948+0200[97197:8029221]  SourceSansPro-Black
2020-05-26 10:57:44.341 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro'
2020-05-26 10:58:11.447 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro'
2020-05-26 11:00:43.704 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro-SemiboldItalic'
2020-05-26 11:00:47.150 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro-SemiboldItalic'

Любые идеи ?? Xcode 11.4.1 с RN 62.2. Происходит как на устройстве, так и на симуляторе. TIA

1 Ответ

1 голос
/ 26 мая 2020

1 - убедитесь, что вы используете то же имя шрифта (android не выдаст вам ошибку, если вы напишете неправильное имя шрифта)

2-запустить npx react-native link

3- если вы по-прежнему получаете ту же ошибку в ios, вы можете перейти по этой ссылке, чтобы вручную связать шрифты в ios

Связать пользовательские шрифты вручную для iOS

4- для «SourceSansPro-Semibold» удалите другой стиль текста, вы увидите, что текст появляется

...