當使用Text組件時右蒲,難免會使用lineHeight這個樣式膨更,但是在ios端,當中文和英文數字混排的時候揉忘,字符不在同一個基線上,效果如下:
這是加行高的:
這是不加行高的:
是不是覺得加了行高的丑的不行端铛。
其實這是RN的一個bug泣矛,據說解決這個bug已經提上日程了。但是當前禾蚕,至少在0.55.4版本還是需要我們手動解決的您朽。
如何解決呢?
經過多方查找换淆,其實解決方法很簡單哗总,只要在style里加一句話就好了:
fontFamily: 'PingFangSC-Regular'
是的,你沒看錯产舞,就這一句魂奥,當然你還可以有很多選擇:
蘋方 - 簡常規(guī)體:PingFangSC-Regular?
蘋方 - 簡極細體:PingFangSC-Ultralight?
蘋方 - 簡細體:PingFangSC-Light?
蘋方 - 簡纖細體:PingFangSC-瘦
蘋方 - 簡中黑體:PingFangSC-中
蘋方 - 簡中體:PingFangSC-Semibold
想用哪個用哪個~
這樣就可以解決在ios端因使用lineHeight而導致基線不一致的問題了!