【Flutter】タスク管理アプリ(メモ帳・ToDoリスト)

「Flutter」と「rapidoパッケージ」でタスク管理アプリ(メモ帳・ToDoリスト)を作成する方法を整理しました。

スポンサーリンク

【作成例①】rapidoパッケージでタスク管理アプリ作成

「Flutter」と「rapidoパッケージ」で簡単にタスク管理アプリを作成できます。

実行結果

■lib/main.dart

import 'package:flutter/material.dart';
import 'package:rapido/rapido.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Demo App',
      home: RapidoExample(title: 'Demo'),
      theme: new ThemeData.dark(),
    );
  }
}

class RapidoExample extends StatefulWidget {
  RapidoExample({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _RapidoExampleState createState() => _RapidoExampleState();
}

class _RapidoExampleState extends State {
  // 管理するデータ
  final DocumentList documentList = DocumentList(
    "task list",
    labels: {"日付": "date", "タスク名": "task", "優先度": "pri count", "備考欄":"note", "場所": "location"},
  );

  @override
  Widget build(BuildContext context) {
    return DocumentListScaffold(
      documentList,
      title: "タスク",
    );
  }
}
スポンサーリンク

【作成例①】rapidoパッケージでタスク管理アプリ作成

「Flutter」とデータベースで簡単にタスク管理アプリを作成できます。

実行結果

ソースコード一式
1 https://github.com/nishizumi-lab/sample/tree/master/flutter/todo
関連記事
1 【Flutter入門】iOS、Android、Windowsアプリ開発
flutter
スポンサーリンク

コメント