フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

flutter

FlutterでRiverpodを使用してみた

Riverpodとは 状態管理ライブラリです。 Providerの種類 種類 説明 Provider 定数 StateProvider 変数・標準 ScopedProvider 出力を指定する StateNotifierProvider メソッド付き FutureProvider Future版 StreamProvider Stream版 ChangeNotifierProvider C…

Flutterでsqlliteを利用してタスク管理を実装する

はじめに 作成途中のプログラムになりますが、Flutterでsqlliteを利用してタスクの登録と削除を行えるアプリを開発する。 ※変更処理は途中の状態です。 インストールのパッケージ sqfliteとpath_providerをインストールする dependencies: flutter: sdk: flu…

flutterでtimerを利用して自動で画面画面遷移する

サンプルコード import 'dart:async'; import 'package:flutter/material.dart'; const Color darkBlue = Color.fromARGB(255, 18, 32, 47); void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext c…

flutterのスプラッシュ画面

インストール flutter pub add flutter_native_splash pubspec.yamlに次の設定を追加する。画像はpngを指定する必要がある。 flutter_native_splash: image: "images/sample.png" color: "FAF3F3" スプラッシュ画面の作成 flutter pub run flutter_native_sp…

flutterで画面遷移とパラメータの受け渡しをする

はじめに 久しぶりにflutterの勉強を再開してみる。 flutter doctorでエラーの解消 久しぶりに動かそうとしたら、flutter doctorでエラーになった C:\Users\user>flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (…

Windows環境でflutterアプリを開発できる状態にする

開発環境の構築方法 以前のブログにざっくりまとめましたので、こちらを参考に。ざっくりしすぎてわからなかったら聞いてください。 px-wing.hatenablog.com Android Studioを起動 環境を構築すると「Start a new Flutter project」が追加されているので、そ…

Windows環境でflutterの開発環境を構築する

ZIPダウンロード 下記のサイトから最新版のflutterのzipファイルをダウンロードする flutter.dev Cドライブ直下にsrcフォルダを作成して、ダウンロードしたzipファイルを解凍して展開する c:\src\flutter コントロールパネル>システムとセキュリティ>シス…

flutter.devでブラウザ上で簡易的なソースを動かしてみる

はじめにflutterを初めて知った状態でいろいろと触っていたときのメモのです。暖かい目でみてください。flutter.devというのが初めての人にはお試しとして使うには便利なツールであることだけ共有できれば幸いです。 初心者向け flutter.devというサイトにア…