LoginSignup
2
2

More than 3 years have passed since last update.

Flutter desktopで自分用Macアプリを作る

Posted at

初投稿です.
以前Androidアプリをバイトで作っていたのですが,Macのアプリも作れるようになったため試してみます.

Flutter

  • 1つのコードでiOS,Android両方動く.
  • ボタンなどのUI要素もコードに含める.
  • "Hot Reload機能"により,アプリのデバッグ中でもソースコードの変更を反映できる.

開発環境

  • iMac (27-inch, 2019)
  • Visual Studio Codeにて開発

Flutterインストール & Macアプリ開発の設定

  1. flutter公式サイトの"Get Started"からインストールします.
  2. このページ(Desktop support for Flutter)を参考にデスクトップアプリ開発機能を有効にします.

作ったもの

今やりたいことを入力し,ランダムで決めてくれるアプリ.
* 制作物のGithubリポジトリ
RandomChoiceApp.gif

使ったライブラリ

  • rxdart & provider
    やりたいことリストのデータを複数のWidgetで共有するために使用しました.
    rxdartはReactive Extentionsのライブラリで,
    「やりたいことを入力するWidget -> Subject -> グラフなどの表示Widget」
    と,変数の更新を伝えることができます.
    providerは親Widgetから子Widgetへ,上記のSubjectを持ったBlocインスタンスを渡すために使いました.

  • charts_flutter
    グラフ描画のために使用しました.
    円グラフのほかにも,様々なグラフを描くことができます.

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2