반응식 네이티브로보기를 확장하는 방법이 있습니까?

Question

나는 소수의 성분들과 반응성이있는 View을 가지고있다. 모든 것이 iPhone 6과 5에서 올바르게 나타나지만, iPhone 4s에서 볼 때 구성 요소 중 하나의 하단이 약간 잘립니다.

기본 64 아이콘을 확장하는 방법이 있습니다. 전체 컨테이너보기를 균일하게 작거나 크게 조정할 수있는 방법이 있습니까?

Answer 1

이와 비슷한 것이 있습니까?

YourStyleSheet.js 당신이 좋아하는 다른 화면 크기에 구성 요소의 크기를 지정할 수 있습니다 당신의 스타일에 그런

import {StyleSheet} from 'react-native'; 
var Dimensions = require('Dimensions'); 
var {width, height} = Dimensions.get('window'); 


export function create(styles: Object): {[name: string]: number} { 
    const platformStyles = {}; 
    Object.keys(styles).forEach((name) => { 
    let {sm,md,lg, ...style} = {...styles[name]}; 
    // iphone 4s and older 
    if(sm && width < 375){ 

     style = {...style, ...sm}; 
    } 
    // iphone 5,5s 
    if(md && width >= 375 && width <414){ 

     style = {...style, ...md}; 
    } 
    // iphone 6 and bigger 
    if(lg && width >= 414){ 

     style = {...style, ...lg}; 
    } 


    platformStyles[name] = style; 
    }); 
    return StyleSheet.create(platformStyles); 
} 

이

import YourStyleSheet from './path/YourStyleShett'  
const styles = YourStyleSheet.create({ 
     component:{ 
     sm:{fontSize: 20,}, 
     md:{fontSize: 30,}, 
     lg:{fontSize: 30,}, 
     textAlign: 'center', 
     marginBottom: 10, 
     fontWeight:'bold', 
     color:colors.white, 
     } 
    }); 

당신은 [`transform`] (http로 확장 할 수