sakata_harumi https://blog.hatena.ne.jp/sakata_harumi/ JKになりたい https://wanttobejk.com/ Tech React-Nativeを使ったアプリケーション開発にはFlexboxの理解が不可欠。 だから適当にまとめる。 flex flex:1 これで画面いっぱいにコンポーネントが表示される。 同じレベルにflex:1を指定しているコンポーネントが2個あったとしたら1:1の割合で表示される。 片方が1で片方が2なら1:2の割合。 flexDirection flexDirection:‘row’ flexDirection:‘column’ 縦並び(=column)か横並び（=row)か。デフォルトはcolumn。 あと、ReactNativeではcolumn-reverseとかrow-reverse… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwanttobejk.com%2Fentry%2F2016%2F09%2F23%2F20160923011217%2F" title="ReactNative Flexboxまとめ（殴り書き） - JKになりたい" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2016-09-23 01:12:17 rich https://wanttobejk.com/entry/2016/09/23/20160923011217/ 1.0 100%