React Native: Özel yazı tipi, Android ve iOS'ta farklı şekillerde işler.

Question

Aşağıdaki resimde, sol tarafta Android'de ve sağda iOS'ta oluşturulanla aynı Metin bileşenini inceledim. IOS'un yazı tipini Metin kabının üst kısmında oluşturduğu anlaşılıyor.

Hem Android hem de iOS için aynı TTF yazı tipi dosyasını kullanıyorum. (here kullanıyorum yazı tipine bir çevrimiçi başvuru bulundu.)

Yazı tipinin hem Android hem de iOS için nasıl oluşturulmasını sağladığına dair herhangi bir fikir var mı?

Daha açıkçası, fark herhangi stil (marj, yazı tipi boyutu, vs.) neden değildir. Tam olarak aynı.

Answer 1

Düzeltme buldum ama doğru değil. Her cihazda aynı işlevi gören başka bir yazı tipi bulmanız gerektiğini düşünüyorum.

Sen metin bileşenleri için aynı dikey hizalama elde etmek lineHeight, padding ve margin etrafında oynayabilir:

Ios:

instructions: { 
    fontFamily: 'Metric-Regular', 
    fontSize: 50, 
    lineHeight: 50, 
    paddingTop: 25, 
    marginBottom: -35, 
    marginTop: 35 
    }