記事一覧
![[Flutter] BoxDecorationについて（1／2）](https://assets.st-note.com/production/uploads/images/56042760/rectangle_large_type_2_6b9fc6a17ec255cb9f5f521b48659d6e.jpg?width=800)
[Flutter] BoxDecorationについて（1／2）
勉強の記録を残していく記事です。
Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。
ここではおおまかな説明で、ざっくりとしたプロパティの役割をまとめる目的で書いてあります。それぞれのプロパティについての詳しい内容が知りたい場合は、個別の記事がありますので、そちらを参考にしてください。
BoxDecoration は、Contaner などの
![[Flutter] BoxShadowについて](https://assets.st-note.com/production/uploads/images/56555744/rectangle_large_type_2_c6a682e38c160a07ea3f542cc0f2699c.png?width=800)
[Flutter] BoxShadowについて
勉強の記録を残していく記事です。
Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。
BoxShadow は、Widget の影をデザインするときに使います。
Widget に影をつけると立体的に見せることができます。
boxShadow: [ BoxShadow( color:
![[Flutter] BorderRadiusについて](https://assets.st-note.com/production/uploads/images/54147462/rectangle_large_type_2_130c65e45e1474089148c967e2018a53.png?width=800)
[Flutter] BorderRadiusについて
勉強の記録を残していく記事です。
Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。
BorderRadius は、Container などの角を丸くするときに使います。
borderRadius: BorderRadius.circular(60.0),borderRadius: BorderRadius.circular(100.0),
![[Flutter] Borderについて](https://assets.st-note.com/production/uploads/images/53984379/rectangle_large_type_2_dafe982e11356fb655e21f91f9839632.png?width=800)
[Flutter] Borderについて
勉強の記録を残していく記事です。
Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。
Contaner などの境界線のプロパティである Border について書きます。
Container( child: Text('Flutter', style: TextStyle(fontSize: 50.0,
![[Flutter] 画像を表示させる](https://assets.st-note.com/production/uploads/images/53986645/rectangle_large_type_2_3f2125f0507278b37e0fdd2ac6d55cf7.png?width=800)
[Flutter] 画像を表示させる
勉強の記録を残していく記事です。
Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。
Flutter では、よく使われる JPEG や GIF 、PNG、BMPなどの画像ファイルを扱うこともできますし、ネットから画像を取得して表示させることも可能です。
そのときに使うのが、AssetImage() や NetworkImage() です。
A
![[Flutter] Colorについて（2／2）](https://assets.st-note.com/production/uploads/images/53986152/rectangle_large_type_2_8b7a2ed55655ecdf17727f3a50a1bd91.jpg?width=800)
[Flutter] Colorについて（2／2）
勉強の記録を残していく記事です。
Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。
[Flutter] Colorについて（１／2）では、"Colors"について書きました。
この回では"Color"について書いていきます。
色を決めるcolor: Color(0xFF03A9F4),
Color でよく使われるのが、上のコード例の形だと
![[Flutter] Colorについて（１／2）](https://assets.st-note.com/production/uploads/images/53984751/rectangle_large_type_2_bb75d8d638dd5e5fd2a0c7de87615d13.png?width=800)
[Flutter] Colorについて（１／2）
勉強の記録を残していく記事です。
Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。
色については、"Color" と "Colors" があります。
細かく色を設定したい場合は、"Color"
簡単にデフォルトで決められた色で十分な場合は、"Colors"
ぐらいの使い分けで使ってます。
まずこの回では、"Colors" について書き
![[Flutter] Alignmentについて](https://assets.st-note.com/production/uploads/images/53985963/rectangle_large_type_2_9a50521f90b088edb5ef67e4b10ab214.jpg?width=800)
[Flutter] Alignmentについて
勉強の記録を残していく記事です。
Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。
alignment : アラインメント
Containerなどのプロパティで、要素の並びに関係する。
9つのプロパティを持っており、要素が置かれる位置を指定できる。
例：topLeft
例：bottomCenter
例：center
縦と横を三分割し