プログラミング-Flutter

【Flutter】GridViewを複数使用した時、同時にスクロールさせる方法

環境 問題点 対処方法 環境 OS Windows11 Flutter 3.3.9 問題点 「GridView」を「Column」内に2つならべたとき、 以下のコードだとそれぞれのViewで独立してスクロールしてしまう。 Widget build(BuildContext context) { return Scaffold( body: SafeArea( …

【Flutter】Androidで画像分類を行う方法

概要 Flutterで機械学習モデルによる画像分類を試してみた。 おおまかな手順は、 Pytorchでモデルを作成 tflite形式に変換 Flutterで実装 開発環境 OS Windows11 Editor VS Code Flutter Ver. 3.0.5 Smart Phone Android 分類モデルの作成 Pytorchで画像分類…

【Flutter】CustomPainterで図形を描く

概要 Flutterで図形を描く際に使用する CustomPainter の使用方法のまとめ。 開発環境 OS Windows11 Editor VS Code Flutter Ver. 3.0.5 CustomPaintウィジェットを作成する 図形を描画する際は、CustomPaintウィジェットを使用する。 CustomPaintウィジェッ…

【Flutter】カメラの作成方法

概要 開発環境 使用するパッケージを追加 設定 Androidの設定 iOSの設定 実装 カメラの取得 CameraControllerを作成および初期化 CameraPreviewを使用してカメラの映像を表示 撮影機能の作成 参考 概要 Flutterを使用してカメラを作成してみた。 開発環境 OS…

【Flutter】BottomNavigationBarの実装方法

環境 画面を準備 デフォルトな見た目での実装 背景色を変更する 環境 OS : Windows11 Edit : VS Code Flutter : 3.0.5 画面を準備 class HomeScreen extends StatelessWidget { const HomeScreen({Key? key}) : super(key: key); @override Widget build(Bui…

【Flutter】「Material Design 3」 に対応させる方法

環境 実装方法 結果 環境 OS : Windows11 Edit : VS Code Flutter : 3.0.5 実装方法 ThemeDataにuseMaterial3: trueを追加する。 class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext c…