[Flutter/dart] StackでWidgetの一部が途切れないようにする
現象
flutterでStack() Widgetを使うと、あるWidgetの上に別のWidgetを重ねることができる。しかし、上側のWidgetが下側のWidgetからはみ出ると、はみ出た分が途切れてしまう。
Stack(
children: [
CircleAvatar(
child: Icon(Icons.person),
),
Positioned(
top: -8,
left: 20,
child:
Icon(
Icons.brightness_1,
color: Colors.red,
)
)
],
)
解決策
StackのoverflowプロパティをOverflow.visibleにする。
これではみ出した部分も途切れず表示されるようになる。
（Stackのoverflowって例のサイトみたい、、、）
Stack(
overflow: Overflow.visible, //←これ!
children: [
CircleAvatar(
child: Icon(Icons.person),
),
Positioned(
top: -8,
left: 20,
child:
Icon(
Icons.brightness_1,
color: Colors.red,
)
)
],
)
以上
最新記事
すべて表示やりたいこと TextFieldで入力フォームを作りたい。 例えば入力内容が金額の場合、3桁区切りで頭に￥を付けた表記にしたい。 ただしユーザにこれらを入力させるのではなく、ユーザはあくまで数字を入力するだけで、アプリ側で自動でフォーマットしたい。 方法...
現象 やってること iosシミュレータで画像をデバイスのローカルに保存 保存したパスをデータベースに保存 アプリ立ち上げ時にデータベースから画像パスを取得し、そのパスの画像を画面上に表示 起きている現象 iosシミュレータを再起動した場合、上記3で「ファイルパスが見つからな...
やりたいこと 初期値さえ決まればあとは不変な変数がある ただし、コンストラクタ起動時にはまだ決定できない このような変数について late finalで変数を定義 （何らかのタイミングで）初期化されたかどうかをチェックし、されていなければ値を入れる（チェックしないとfina...
Comments