Comment utiliser la classe d'utilité React Native PixelRatio?

Question

J'ai une application écrite initialement pour iPhone 6 symulator qui a une componend SYLED avec des exemples de valeurs suivantes:

const styles = StyleSheet.create({ 
    headerNav: { 
    width: 40, 
    height: 40 
    }, 
    headerLogoImage: { 
    width: 140, 
    height: 140 
    }, 
    footerNavText: { 
    padding: 15, 
    fontSize: 25 
    } 
}); 

Malheureusement quand je lançais l'application sur iPad symulator, les proportions de taille complètement effondrés. Je sais qu'il y a quelque chose comme PixelRation mais la documentation est très limitée et peu claire.

Une idée/suggestion comment puis-je traduire ces largeur/hauteur/remplissage & fontSize aux valeurs appropriées en utilisant cette classe PixelRatio?

Answer 1

Vous pouvez faire quelque chose comme:

footerNavText: { 
    padding: PixelRatio.get()*3, 
    fontSize: PixelRatio.get()*4 
} 

Vérifiez que get() retourne la méthode pour chacun des périphériques que vous souhaitez utiliser et le style en conséquence. Pour plus d'informations visitez https://facebook.github.io/react-native/docs/pixelratio.html