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

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

flutter

Flutterでタイマーアプリをつくる

はじめに 下記の動画を参考に自分のアレンジを入れてタイマーを作成してみました。 www.youtube.com サンプルコード import 'dart:ui'; import 'dart:async'; import 'package:flutter/material.dart'; import 'package:iterative_memory/widget/button_widg…

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というサイトにア…