React-Native[2.開発進捗]

Elementで構成され、まずフレームワークを作成します

最下層のView(またはScollView)をコンテナに配置し、コンテナ上で1つの階層の要素を順番に宣言します。

スタイルの面分割

一番外側の容器

一番外側を占める容器はborderWidthを1と宣言し、位置から確認するとさらに便利です.
最も基本的なので、余白、塗りつぶしの程度だけを宣言したほうがいいです.
また,中の要素は横/縦配列を宣言すると終了する.

flexDirection: 'row' 		// 가로
flexDirection: 'column'		// 세로. 선언 안해줘도 default값으로 되어있다.

ないぶようき

やはりmargin、padding、位置が混ざっていたらborderWidthで確認.

要素

width,height,borderRadius,colorなどを描きながら各要素を確認します.
参考までに画像が大きすぎると見えないことを確認しました.