React Native 引入字体

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

对于iOS，你需要在Info.plist文件中添加字体族名称，并在Xcode中将字体文件添加到项目中。

对于Android，你需要在assets文件夹中添加字体文件，并在AndroidManifest.xml或build.gradle文件中配置。

以下是一个简单的例子：

1. 将字体文件（如MyFont.ttf）放入React Native项目的android/app/src/main/assets/fonts/目录下。
2. 对于iOS，在Info.plist中添加字体族名称：

<key>UIAppFonts</key>
<array>
    <string>MyFont.ttf</string>
</array>

3. 在Xcode中，选择你的项目，然后选择“Targets”下的你的应用，在“Build Phases”中的“Copy Bundle Resources”添加你的字体文件。
4. 对于Android，在android/app/build.gradle文件中添加字体资源：

android {
    ...
    assetsDirectories += files.collect {
        new File("$it/src/main/assets/fonts")
    }
    ...
}

然后，你可以在React Native代码中通过Font对象使用字体：

import React from 'react';
import { Text, StyleSheet } from 'react-native';
 
const App = () => (
  <Text style={styles.text}>
    这是自定义字体的文本
  </Text>
);
 
const styles = StyleSheet.create({
  text: {
    fontFamily: 'MyFont', // 你的字体族名称
    fontSize: 20,
  },
});
 
export default App;

确保字体族名称与你在字体文件中实际使用的名称相匹配。这样就可以在React Native应用中使用自定义字体了。