【问题标题】:Custom fonts working on IOs but not on Android react-native自定义字体适用于 IO,但不适用于 Android react-native
【发布时间】:2021-07-05 15:29:14
【问题描述】:

这是我的 react-native.config.js 文件:

 module.exports = {
  project: {
    ios: {},
    android: {}, // grouped into "project"
  },
  assets: ['./assets/fonts/'], // stays the same
};

我在我的 assets/fonts 文件夹中添加了一些字体并运行 react-native link。在此之后,我在 IOs 模拟器上测试了我的应用程序,字体工作正常,但在 android 上却无法正常工作。

这是整个组件:

import React from 'react';
import {SafeAreaView, StyleSheet, Text} from 'react-native';

const styles = StyleSheet.create({
  textContainer: {
    marginTop: '30%',
    alignSelf: 'center',
  },
  text: {
    fontFamily: 'BodoniSvtyTwoITCTTBook',
    color: 'red',
    fontSize: 25,
  },
});

const App = () => {
  return (
    <SafeAreaView style={styles.textContainer}>
      <Text style={styles.text}>
        Welcome to Font-Play in react-native for android
      </Text>
    </SafeAreaView>
  );
};

export default App;

资产在android文件夹中的位置:

有什么建议吗?

【问题讨论】:

    标签: android reactjs react-native


    【解决方案1】:

    在android的情况下在android/app/src/main/assets/fonts中添加字体并重新运行应用程序。

    【讨论】:

    • 您的应用是否在 android assets 文件夹中包含 fonts 文件夹?
    • 您的图片不包含您在代码中使用的 fontFamily: 'BodoniSvtyTwoITCTTBook'。
    • 是的,如图所示,它位于您建议的位置,android/app/src/main/assets/fonts
    • 它的 bod72w--.ttf , BodoniSvtyTwoITCTTBook 是我从字体书中获取的脚本名称
    • 这样使用 fontFamily: 'bod72w--' fontFamily: 'BodoniSvtyTwoITCTTBook' 不起作用
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-28
    • 2017-02-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多