flutter

1/4ページ

Flutter ElevatedButtonを横丸にする

Flutterで、ElevatedButtonを横丸にする手順を記述してます。「styleFrom」に「shape: const StadiumBorder()」を設定することで可能です。 環境 ElevatedButtonを横丸にする ElevatedButtonを横丸にするには、「styleFr […]

Flutter 背景画像を指定する

Flutterで、背景画像を指定する手順を記述してます。「image: NetworkImage」に画像をパスを指定することで可能です。 環境 背景画像を指定する 背景画像を指定するには、「image: NetworkImage」を使用します。 これで、背景画像が設定できていることが確認できます。

Flutter marginを指定する

Flutterで、marginを指定する手順を記述してます。marginを指定すると要素に対する余白をそれぞれ設定することが可能です。 環境 marginを指定 marginを指定するには、以下の構文で可能です。 EdgeInsets.all(数値) 全方向の余白 EdgeInsets.symmet […]

Flutter 画面遷移を行う

Flutterで、画面遷移を行う手順を記述してます。任意の名前でDartファイルを作成して、作成したファイルに移動して画面遷移を行います。 環境 画面遷移を行う まずは、任意の名前でDartファイルを以下のコードで画面を作成します。※ここでは「page_one.dart」という名前で作成してます。 […]

Flutter ElevatedButtonの背景色を指定する

Flutterで、ElevatedButtonの背景色を指定する手順を記述してます。「styleFrom」でカラーコードを指定することで可能です。 環境 ElevatedButtonの背景色を指定 ElevatedButtonの背景色を指定するには、「styleFrom」で「primary」を設定し […]

Flutter ElevatedButtonに枠線をつける

Flutterで、ElevatedButtonに枠線をつける手順を記述してます。「styleFrom」に「side: BorderSide」を指定するだけで可能です。 環境 ElevatedButtonに枠線をつける ElevatedButtonに枠線をつけるには、「styleFrom」で「side […]

Flutter Textを斜体にする

Flutterで、Textを斜体にする手順を記述してます。「fontStyle」に「FontStyle.italic」を使用します。 環境 Textを斜体 Textを斜体にするには、「style: TextStyle(fontStyle: FontStyle.italic)」を設定します。 これで斜 […]

Flutter ElevatedButtonを角丸にする

Flutterで、ElevatedButtonを角丸にする手順を記述してます。「styleFrom」に「shape: RoundedRectangleBorder」を設定することで可能です。実際に角丸にした画像も掲載してます。 環境 ElevatedButtonを角丸にする ElevatedButt […]

Flutter Textを太字にする

Flutterで、Textを太字にする手順を記述してます。「TextStyle」に「fontWeight: FontWeight.bold」を指定します。 環境 Textを太字 Textを太字にするには、「style: TextStyle(fontWeight: FontWeight.bold)」を […]

1 4