Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

書式
SizedBox(
height: MediaQuery.of(context).size.height * ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
Column(
crossAxisAlignment: CrossAxisAlignment.start, ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
builder: (BuildContext context) {
return Container( ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

children: , ), ),],

Columnの「children」に「Expanded」を指定し、Expan ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
Container(
alignment: Alignment.center,
),
Cont ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
Container(
alignment: Alignment.bottomCenter,
), ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Container( decoration: BoxDecoration( boxShadow: , ),),

Bo ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

概要
AppBarにサイドメニューを追加するには、Drawerを使います。

@overrideWidget build ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

概要
DrawerHeader(
decoration: BoxDecoration(
image: Dec ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
builder: (context) => IconButton(
icon: Icon(Icons.s ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalK ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

概要
Drawerをタップで閉じるには、Navigator.pop(context)を使います。
構文

Tex ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
AlertDialogのボタンを中央に寄せるには、「actions」を使わず、
「Rowウェジェット」を使いま ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

操作方法
Cupertinoをインポートします。
import ‘package:flutter/cup ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
shape: RoundedRectangleBorder(borderRadius: BorderRadius.ci ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
MediaQuery.of(context).viewInsets.bottom;
「MediaQuery.o ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

decoration: InputDecoration( contentPadding:/*EdgeInsetsでパディ ...

Flutter

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

decoration: BoxDecoration( borderRadius: BorderRadius.horizo ...