2017-10-02 7 views
0

両方の向きで自分のアプリの外観を見栄えにするにはどうすればよいですか?風景モードとポートレートモード?今のように、私はZeplinを使ってPhotoshopからデザインを移動する方が簡単なので、余白を使います。何が最善の方法ですか?私がランドスケープに切り替えると、ログイン画面が部分的にしか見えなくなります。両方の向きのスタイルを設定する方法

+0

あなたは 'media queries'を探して、いくつかのCSSを動作させたいと思うかもしれません:https://www.w3schools.com/cssref/css3_pr_mediaquery.asp – Hespen

+0

@Hespen OPはネイティブのリアクションに関して質問しています投稿はrelaventではありません。 –

答えて

1

これだけでなく、さまざまなサイズの画面も扱えるように作られたフレックスボックスを使用することをお勧めします。

ここにアップ読む:https://facebook.github.io/react-native/docs/flexbox.html

をあなたはまだ周りのデザインを移動するためにマージンを使用することができますが、あなたのコンポーネントを曲げることは、それが複数の画面幅と高さを越え作業につながります。

たとえば、似顔絵の画面をとり、フレックスを使用して上部中央に正方形を配置します。画面を回転させる場合、フレックスは現在の水平四角形の最上部の中央にまだドットを持ち、スクリーンの前半の途中にあります(何が起こっているか)。

関連する問題