[React Native]日本語環境下で日本語が垂直のセンターを取れない問題(vertical-align: middle)の対処法

地味に辛いこの問題。vertical-align: middle問題。 iOSが英語環境(設定 -> 一般 -> 言語と地域が英語)の場合は問題なくセンターとれるのですが、日本語環境にするとflex-startみたいにpaddingTopがゼロになってしまう問題があります。やっかいなのは、paddingで調整するとAndroidはこの問題がないため表示がずれます。。

コードはボタンだったら、下記みたいな感じ。ボタンに限らず、この問題はおきていると思います。

解決方法は、fontサイズと同じViewでラップする。(試行錯誤後、閃きました)

Scroll to top