react-nativeスタイルパーセント適合

529 ワード

react-nativeスタイルが適切で、React Nativeで指定されたサイズは通常数字しか使用できず、パーセンテージは使用できないので、適切な問題を考慮してメモします.
RNの中で適当に配合して、基本的なスタイルはすべてflextの弾力性の箱の配置なので、大きい塊はやはり比較的にやりやすいですが、いくつかの細かいところ、やはりいくつかの兼ね合いがなくて、この時にパーセンテージを考えるかもしれません.
Rnは、画面幅Dimensionsを取得するAPIを提供する
使用方法:
let MainHeight = Dimensions.get('window').height;
let MainWidth = Dimensions.get('window').width;
 

取得した値は正確な数値で、希望するパーセントに変更できます.
       30%
  Dimensions.get('window').width  * 0.033