Блог

Я добавляю свою папку «font» в свои ресурсы, затем я связываю свою опечатку с Xcode (этапы копирования пакета и сборки моего проекта)

Я создаю страницу js и добавляю :

 module.exports = {
  assets: ['./assets/font'],
};

  

я использую npx react native link, но когда я завершаю свой проект, у меня появляется ошибка
«нераспознанное семейство шрифтов-черное»

Я что-то пропустил?

Обычно я использую следующий шаблон:

• для iOS fontWeight fontFamily
• но для Android fontFamily это имя файла шрифта

 export const fonts = {
  semibold: Platform.select({
    ios: { fontWeight: '600', fontFamily: 'Graphik LC' },
    android: { fontFamily: 'Graphik LC_semibold' },
  }),
  bold: Platform.select({
    ios: { fontWeight: '700', fontFamily: 'Graphik LC' },
    android: { fontFamily: 'Graphik LC_bold' },
  }),
  normal: Platform.select({
    ios: { fontWeight: '400', fontFamily: 'Graphik LC' },
    android: { fontFamily: 'Graphik LC' },
  }),
};
  

 
<Text style={styles.text}>Test<Text/>

//...

const styles = StyleSheet.create({
  text: {
    ...fonts.semibold,
    fontSize: 14,
  },
});

  

FS:

 assets/fonts
├── Graphik LC_bold.otf
├── Graphik LC.otf
└── Graphik LC_semibold.otf