React Native 添加自定义字体

在React Native中添加自定义字体，你需要先将字体文件添加到项目中，并在React Native项目的ios和android目录下进行相应配置。

对于iOS，你需要使用FontsProvider或者在Info.plist中声明字体。

对于Android，你需要将字体文件放入assets/fonts目录，并在build.gradle文件中添加字体的路径。

以下是一个简单的示例：

1. 将字体文件（如MyCustomFont.ttf）放入React Native项目的android/app/src/main/assets/fonts/目录中。
2. 在android/app/build.gradle文件中，添加字体资源：

android {
    // ...
 
    aaptOptions {
        additionalFonts 'src/main/assets/fonts/MyCustomFont.ttf'
    }
}

3. 在React Native组件中使用自定义字体：

import React from 'react';
import { Text, StyleSheet } from 'react-native';
 
const App = () => (
  <Text style={styles.customFont}>
    这是自定义字体的文本
  </Text>
);
 
const styles = StyleSheet.create({
  customFont: {
    fontFamily: 'MyCustomFont', // 这里的字体名称需要和字体文件实际的名称相匹配
    fontSize: 18,
  },
});
 
export default App;

确保你的字体名称MyCustomFont与字体文件的实际名称匹配。在iOS上，如果你使用FontsProvider，则不需要在Info.plist中声明字体，但在使用时必须确保fontFamily的名称与字体文件的实际名称一致。