Hiiisan

Flutterのアプリ開発で学んだことをアウトプットしています!誰かのお役に立てれば幸…

Hiiisan

Flutterのアプリ開発で学んだことをアウトプットしています!誰かのお役に立てれば幸いです。 本職は薬剤師、仕事のこと、趣味のことなど、いろいろな繋がりを作りたいと思っています。 Twitterやってます🙌

最近の記事

[Flutter] BoxDecorationについて(1/2)

勉強の記録を残していく記事です。 Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。 ここではおおまかな説明で、ざっくりとしたプロパティの役割をまとめる目的で書いてあります。それぞれのプロパティについての詳しい内容が知りたい場合は、個別の記事がありますので、そちらを参考にしてください。 BoxDecoration は、Contaner などの見た目を整えるプロパティです。 例えば、角を丸くしたい、境界線に色をつけたい、背

    • [Flutter] BoxShadowについて

      勉強の記録を残していく記事です。 Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。 BoxShadow は、Widget の影をデザインするときに使います。 Widget に影をつけると立体的に見せることができます。 boxShadow: [ BoxShadow( color: Colors.black26, offset:

      • [Flutter] BorderRadiusについて

        勉強の記録を残していく記事です。 Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。 BorderRadius は、Container などの角を丸くするときに使います。 borderRadius: BorderRadius.circular(60.0),borderRadius: BorderRadius.circular(100.0), 指定する値が大きくなるとより丸みのある角になります。 borderRad

        • [Flutter] Borderについて

          勉強の記録を残していく記事です。 Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。 Contaner などの境界線のプロパティである Border について書きます。 Container( child: Text('Flutter', style: TextStyle(fontSize: 50.0, color: Colors.blueAccent)), alig

        [Flutter] BoxDecorationについて(1/2)

          [Flutter] 画像を表示させる

          勉強の記録を残していく記事です。 Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。 Flutter では、よく使われる JPEG や GIF 、PNG、BMPなどの画像ファイルを扱うこともできますし、ネットから画像を取得して表示させることも可能です。 そのときに使うのが、AssetImage() や NetworkImage() です。 AssetImage() を使う場合 PCに保存してある画像ファイルを表示させたい

          [Flutter] 画像を表示させる

          [Flutter] Colorについて(2/2)

          勉強の記録を残していく記事です。 Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。 [Flutter] Colorについて(1/2)では、"Colors"について書きました。 この回では"Color"について書いていきます。 色を決めるcolor: Color(0xFF03A9F4), Color でよく使われるのが、上のコード例の形だと思います。 "0x"で始まり、"FF"が不透明度を表し、 その後に "色ごとの6

          [Flutter] Colorについて(2/2)

          [Flutter] Colorについて(1/2)

          勉強の記録を残していく記事です。 Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。 色については、"Color" と "Colors" があります。 細かく色を設定したい場合は、"Color" 簡単にデフォルトで決められた色で十分な場合は、"Colors" ぐらいの使い分けで使ってます。 まずこの回では、"Colors" について書きます。 "Color" について書いた記事はこちら。 色を決める 上のスクリ

          [Flutter] Colorについて(1/2)

          [Flutter] Alignmentについて

          勉強の記録を残していく記事です。 Flutter を始めたばかりの人でもわかりやすい記事にするために、動画や画像を使って解説しています。 alignment : アラインメント Containerなどのプロパティで、要素の並びに関係する。 9つのプロパティを持っており、要素が置かれる位置を指定できる。 例:topLeft 例:bottomCenter 例:center 縦と横を三分割してできた9つのエリアのどこに要素を置くのかを指定できるプロパティです。

          [Flutter] Alignmentについて