ljtywok 发表于 2019-8-19 17:16

flutter和native共用字体

flutter和native混合开发的项目,很多需要共用一套文件,以减小包大小,比如共用图片,字体资源等。图片资源的共用方案很多,但是flutter和native共用字体方案资料比较少。

## iOS实现共用字体
共用资源的方案的话,主要从两方面解决。
#### 1、资源在native,通过某种方式将资源从native传给flutter使用。
这种方案一直没有想到处理的办法,如果知道怎么处理的同学请告知下,谢谢。

#### 2、资源在flutter,通过某种方式将资源从flutter传给native使用。
iOS加载字体有2种方式
a:在工程里面添加字体文件 xxx.otf,yyy.otf,然后在Info.plist添加字段"Fonts provided by application",并且添加对应的字体,如图:
!(https://img11.360buyimg.com/img/jfs/t1/55563/29/8115/121907/5d5a1fdfE3102b699/a880650e0dd61350.jpg)

b:可以通过动态注册字体的方法加载字体

具体实现:
```
+ (void) loadCustomFont:(NSString*)fontFileName{
    NSString *fontPath = [ pathForResource:fontFileName ofType:nil];
    if (!fontPath) {
      NSLog(@"Failed to load font: no fontPath %@", fontFileName);
      return;
    }
    NSData *inData = ;
    CFErrorRef error;
    CGDataProviderRef provider = CGDataProviderCreateWithCFData((__bridge CFDataRef)inData);
    CGFontRef font = CGFontCreateWithDataProvider(provider);
    if (!CTFontManagerRegisterGraphicsFont(font, &error)) {
      CFStringRef errorDescription = CFErrorCopyDescription(error);
      NSLog(@"Failed to load font: %@", errorDescription);
      CFRelease(errorDescription);
    }
    CFRelease(font);
    CFRelease(provider);
}
```

如代码所示,只需要确定font文件的路径即可,问题是怎么获取font文件的路径呢?
经过查找,方法也简单,只需要使用lookupKeyForAsset即可获取到font的文件地址
```
;
```
lookupKeyForAsset的参数是pubspec.yaml配置的font文件地址,加入我们配置的地址是"fonts/iconfont.ttf"

```
fonts:
   - family: iconfont
       fonts:
         - asset: fonts/iconfont.ttf
```
那么lookupKeyForAsset就是

```
;
```

## Android实现共用字体
android比较简单
```
val assetManager = FlutterMain.getLookupKeyForAsset()
val fontKey = flutterView.getLookupKeyForAsset("fonts/iconfont.ttf")
val myTypeface = Typeface.createFromAsset(assetManager, fontKey)
```

如果iOS加载字体的时候报错:
```
Could not register the CGFont '<CGFont (0xxxxxxxxx): YYYYYYY>
```
可以使用FontCreator(Win)或者FontForge(Mac)修改字体信息
页: [1]
查看完整版本: flutter和native共用字体