[IlllI]

Jestem świeżakiem jeśli chodzi o react native i napotkałem sporo problemów z RWD. Ciężko mi znaleźć jakieś konkretne rozwiązanie a chciałbym już na starcie nauki 'robić jak należy'.

Jak radzicie sobie z rozmiarami fontów na różnych ekranach? Pracuje na iphone 7 ale po emulacji na iphone 5s wszystko jest takie wielkie i toporne. Stosujecie jakiś mnożnik pixelRatio czy skalujecie bazując na szerokości ekranu? Już teraz stylowanie tego jest mega upierdliwe. A może jest jakaś magiczna biblioteka o której jeszcze nie wiem? :D

#javascript #reactnative

[zajcus]

Nic nie robilem w native ale nie powinno byc to robione analogicznie do rwd na stronach? Procenty, emy.

[IlllI]

@zajcus: właśnie w tym problem, że to jest zupełnie inna bajka. Stąd też moja prośba do osób doświadczonych w temacie o polecenie jakiegoś najlepszego rozwiązania.

[g.....n]

@IlllI: Możesz popatrzeć sobie na Extended StyleSheet (https://github.com/vitalets/react-native-extended-stylesheet). Daje Ci to np. możliwość zdefiniowania globalnej zmiennej dla wszystkich styli w aplikacji, używanie "rem", czy możliwość określania media queries.

[riakt]

@IlllI możesz sobie pobrać wysokość i szerokość ekranu i na jego podstawie robić style
(Mowa o dimension)

[IlllI]

@riakt: masz może jakiś przykład jakby to wyglądało w obiekcie StyleSheet? np. rozmiar fontów to ładowałbym tam jakąś uniwersalną funkcję do przeliczania fontSize: responsiveFontSize(10) i tam odpowiednio proporcjonalnie to skalował?