700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > flutter字体不跟随系统_flutter和native共用字体

flutter字体不跟随系统_flutter和native共用字体

时间:2021-07-12 12:00:40

相关推荐

flutter字体不跟随系统_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",并且添加对应的字体,如图:

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

具体实现:

+ (void) loadCustomFont:(NSString*)fontFileName{

NSString *fontPath = [[NSBundle mainBundle] pathForResource:fontFileName ofType:nil];

if (!fontPath) {

NSLog(@"Failed to load font: no fontPath %@", fontFileName);

return;

}

NSData *inData = [NSData dataWithContentsOfFile:fontPath];

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的文件地址

[FlutterDartProject lookupKeyForAsset:@"xxxx"];

lookupKeyForAsset的参数是pubspec.yaml配置的font文件地址,加入我们配置的地址是"fonts/iconfont.ttf"

fonts:

- family: iconfont

fonts:

- asset: fonts/iconfont.ttf

那么lookupKeyForAsset就是

[FlutterDartProject lookupKeyForAsset:@"fonts/iconfont.ttf"];

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 '

可以使用FontCreator(Win)或者FontForge(Mac)修改字体信息

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。