![](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d86b0cd084056b1f93ee609f2a8e6391ccda1bc/height=288;version=1;width=512/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F11957%2F11957_og.png)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React Nativeでアプリの見た目を整えよう~スタイルでコンポーネントをレイアウトする
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React Nativeでアプリの見た目を整えよう~スタイルでコンポーネントをレイアウトする
対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の未... 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の未経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Catalina 10.15 Node.js 12.4.0/npm 6.9.0 expo-cli 3.11.1 expo 36.0.0(React Native 0.61) React 16.9.0 レイアウトのためのスタイル 第6回で解説したとおり、React Nativeのスタイルは、大別すると装飾とレイアウトの2つに分類できます。装飾は、コンポーネント自身の見た目を変えるためのスタイルでした。今回解説するレイアウトは、コンポーネントを画面上に配置するためのスタイルです。 レイアウトが得意な分野について、少し触れておきましょう。図1のデザイン資料では、あえて装飾を最低限にして、レイアウトを表現するこ