Android Использовать шрифты для пакета зависимостей

Я новичок в мобильной разработке. Я пытаюсь использовать загруженный шрифт в моем собственном пакете реакции. Я искал в Интернете. Ответы аналогичны: мне предлагается создать папку шрифтов и поместить ее в src / main / assets / font, но в моем пакете нет папки android, поскольку это только пакет зависимостей основного проекта. Я могу запустить его только из основного проекта. Я попытался добавить папку шрифтов в папку с ресурсами в основном проекте, но она не работает. Интересно, пропущу ли я какие-нибудь шаги? Или есть ли способ добавить шрифт в свой собственный пакет, но не в папку Android? И из-за безопасности компании я не могу использовать npx или npm для ссылки.

0
0
13
1

Ответы 1

Да, вам нужно будет создать папку с названием шрифтов в папке с активами, как я сделал Fonts Folder

Теперь загрузите шрифты

import * as Font from "expo-font";
import AppLoading from "expo-app-loading";

const fetchFont = () => {
  return Font.loadAsync({
    "open-sans": require("./App/assets/Fonts/open-sans.regular.ttf"),
    "open-sans-bold": require("./App/assets/Fonts/open-sans.bold.ttf"),
  });
};


export default function App() {
  const [fontLoaded, setFontLoaded] = useState(false);

  if (!fontLoaded) {
    return (
      <AppLoading
        startAsync = {fetchFont}
        onFinish = {() => setFontLoaded(true)}
        onError = {(err) => console.info(err)}
      />
    );
  }

  return (
    <Provider store = {store}>
      <MealsNavigator />
    </Provider>
  );
}

Используйте, как показано ниже, код

title: {
    fontFamily: "open-sans-bold",
    fontSize: 20,
    color: "white",
    textAlign: "center",
    alignItems: "center",
  },
});

Другие вопросы по теме