Flutter / Dart– category –
-
2022 Flutter環境構築 M1 Mac
SDKインストール 「flutter_macos_2.10.1-stable.zip」をクリックしてインストール ターミナルから、展開したいフォルダに移動 パスを通す SDKインストール ダウンロー... -
Flutterインストール( MacOS )
Flutter公式へ！右上のGetStartedをクリック。 続いてMacOsを選択。少し下にスクロールすると下記の画像のような青く囲われたとこがあるのでクリックしてダウンロード。... -
Flutter 画像、音声の使い方
画像はvscodeですが、AndroidStudioでも同じです。 画像 imagesフォルダを作る 一番上の階層(ルートディレクトリ)に画像をいれるフォルダを作ります。iosやlibフォルダ... -
Flutter TextField()がキーボードに隠れてしまう。
Scaffoldに 「resizeToAvoidBottomInset: true」を設定 @override Widget build(BuildContext context) { return Scaffold( resizeToAvoidBottomInset: true, appBar: A... -
Dart Listで使えるメソッド集
dartPadで動きを確認して見てください！ method for() var people = ['人造人間１号', '人造人間１２号', '人造人間３１号']; for(var person in people){ print(pe... -
Flutter BoxDecoration でグラデーション
class MyWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Container( width: MediaQuery.of(context).size.width, decoratio... -
Flutter PageView() でページごとにスクロール！
PageControllerクラス PageController controller; @override void initState() { controller = PageController(); super.initState(); } void dispose() { controller.... -
Flutter FadeTransition で FadeIn させる！！
MaterialApp home: に MyFadeIn()を書き込む 引数の「displayChild」を定義していきましょー import 'package:flutter/material.dart'; void main() => runApp(MyApp... -
Flutter FutureBuilder で「ロード中！！」を出してみる！！
Flutter FurtureBuilderで非同期処理をしてみます！！最終的には、表示したいデータを取得している間は「ロード中」という事でグルグル回るCircularProgressIndicator()... -
Flutter AnimatedOpacity() でDurationをかけよう！！
ほとんどAnimatedContainer使用したOpacityと同じですが 念のため、AnimatedContainerはこちらから AnimatedOpacity コードの全容 import 'package:flutter/material.da... -
Flutter Opacity で透過を実現しよう！！
Opacty Opacity( opacity: check ? opacity = 0.5 : opacity = 1.0, child: Image.asset("tutenkaku.jpg"), ), Opacity()にopacity: 投下したい数値を指定、child:で透... -
Flutter Image.assetで画像を表示してみよう！！
画像を登録 まずは、なんでもいいので好きな画像を用意して下さい。私は 写真ACさんとかよく使わせてもらいます。 ドラッグアンドドロップでカレントディレクトリに。も...
12