すらぼうの開発ノート

flutterエンジニアのメモ

2022-07-23から1日間の記事一覧

【Flutter】IconButtonの使用方法まとめ

本エントリではIconButtonの使用方法についてまとめる。 IconButtonとは 必須のプロパティ onPressedがnullの場合の表示 デザイン サイズ アイコンの色 タップ時の背景色 タップ中の背景色 タップ時の処理 通常タップ 長押しタップ その他 アイコンの回転 Ic…

【Flutter】Textウィジェットで文字列を改行する

以下のコードの様にTextウィジェットに文字列を渡すだけの場合、画面幅まで文字列が達した場所で改行され表示される。 改行なしの場合 そこで任意の場所で改行を行いたい場合、以下の方法で簡単に実現することができる。 \n を用いる 三重引用符( """ )を…

【Flutter】ElevatedButtonのデザイン(サイズ、背景色、形状、枠線)を設定する

スマホアプリではUIに「ボタン」を使用することが非常に多い。 Flutterでも「ボタン」を表示するためのさまざまなウィジェットが用意されており、デザインも自由に変更できる。 本エントリでは必須のUIアイテムである「ボタン」用のウィジェットであるElevat…

【Flutter】Dismissibleを用いてスワイプでウィジェットを削除する方法

本エントリではウィジェットをスワイプすることで削除する方法について以下の流れで説明する。 スワイプで削除する機能の実装方法 サンプルアプリ 動作 作り方 リストアイテムの用意 ListView.builder()ウィジェットの配置 CardウィジェットをDismissibleウ…

【Flutter】複数のimportをひとまとめにする方法

開発が進むとimportでパッケージを関連付ける機会が増え、管理が面倒になる場合がある。 その様な場合、export文を用いると管理を楽にすることができる。 本エントリではexport文を用いたリファクタリングの方法を説明する。 exportとは exportの使い方 expo…