トップ 差分 一覧 ping ソース 検索 ヘルプ PDF RSS ログイン

Flutter



目次



記事一覧

キーワード

Flutter

[Dart]


SDK


Widget

拡張パッケージ

Flutter Studio


Install

 Mac

インストール

  1. sdkダウンロード
  2. unzipで解凍
  3. .bash_profile にPATH登録
  4. flutter doctor コマンドで必要な作業のチェックとヘルプ

実行

  1. xcodeのダウンロード
  2. command line tools の有効化
    1. sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer/
  3. cocoapods のインストール
    1. sudo gem install cocoapods
    2. pod setup
  4. シミュレーターの起動
    1. open - a Simulator
  5. プロジェクトの作成
    1. flutter create my_app
  6. プロジェクトディレクトリで、
    1. flutter run

Firebase

  1. プロジェクトフォルダで以下を実行しXcodeで
    1. open ios/Runner.xcworkspace
    1. Firebase にバンドルIDを登録
    2. cd ios
    3. pod setup
  1. https://developers.google.com/identity/sign-in/ios/start-integrating

環境構築


Firebase

Flutterfire

 Firebase Auth

example

 Google Sign in

example

Tips

 AndroidX対応

 メニュー

ドロワーメニュー

return Scaffold(
  appBar: AppBar(),
  drawer: Drawer(),
  body: Center(),
);

 画面遷移

呼び出し元

RaisedButton(
  onPressed: (){
    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => SecondRoute()),
    );
  },
  child: const Text('Open Second Screen'),

呼び出し先

import 'package:flutter/material.dart';
 
class SecondRoute extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _SecondRouted();
  }
}
 
class _SecondRouted extends State<SecondRoute> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(),
    );
  }
}

 Dialog

 画像選択

 画像切り抜き

 DB

Sqlite



YAGI Hiroto (piroto@a-net.email.ne.jp)
twitter http://twitter.com/pppiroto

Copyright© 矢木 浩人 All Rights Reserved.