虎視眈々と

Flutter × Firebaseを研究するアプリエンジニア

FlutterでFirebase Storageに画像をアップロードする

Firebase StorageのFlutterプラグイン、READMEにサンプルコードかかれてないんか、、、 pic.twitter.com/HydEW5aTcJ— shogo.yamada@Flutterマン (@yshogo87) June 21, 2019 なぜか現時点(2019/6/21)で Firebase StorageのFlutterプラグインの画面にサンプル…

FlutterでTextFieldをカスタマイズする

FlutterでおしゃれなTextForm作れた pic.twitter.com/svGBJjV6N5— shogo.yamada@Flutterマン (@yshogo87) June 8, 2019 上のツイートのようなもりもりにカスタマイズできます。 child: Center( child: Container( margin: const EdgeInsets.only(left: 10, r…

UICollectionView.reloadData() must be used from main thread onlyがでたとき

どうやらSwiftでreloadDataするときはメインスレッドでやらないといけないらしい 対処法は下記でいけた DispatchQueue.main.async { self.collctionView.reloadData() } (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoo…

FlutterでAppBarの背景色を透明にする

下記の方法で行けた body: Stack( children: <Widget>[ Container( //My container or any other widget color: Colors.blue, ), new Positioned( //Place it at the top, and not use the entire screen top: 0.0, left: 0.0, right: 0.0, child: AppBar(title: Tex</widget>…

Findalizmプライバシーポリシー

画像/メディア/ファイル 投稿した画像はクラウドサービスに保存するために使用します。保存先は「Firebase Storage」です Fibrease storageはこちら→ Privacy Policy - Firebase カメラ(画像) 写真の撮影・プレビューに利用します 撮影された画像はグループ…

FlutterでGmailアプリのUIを作ってみる

作っている様子はこちら youtu.be 最終的にできたコードはこちら gist.github.com (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoogle || []).push({});

FlutterでYouTubeアプリのUIを作ってみる

作っている様子は下記の動画をご覧ください youtu.be 最終的に書いたコードはこちら gist.github.com (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoogle || []).push({});

FlutterでGmailアプリのUIを作ってみる

実際に作ってる様子はこちら youtu.be 最終的にできたコードはこちら gist.github.com (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoogle || []).push({});

Flutterで旅行アプリのUIを作ってみる

作ってる様子はこちら youtu.be 最終的にできたコードはこちら gist.github.com (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoogle || []).push({});

FlutterでTED アプリのUIを作ってみる

作っている様子はこちら youtu.be 最終的にできたコードはこちら gist.github.com (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoogle || []).push({});

Flutterでボタンのテキストを右寄せにする

下記の方法でいけた FlatButton( onPressed: () {}, child: Container( width: double.infinity, child: const Text( "もっとみる", textAlign: TextAlign.right, ), ), ), (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsby…

Flutterでバリデーションする

Flutter validationの実装も簡単でいいなー。自前でゴリゴリ書く必要ない。 pic.twitter.com/mtYQKakD3p— shogo.yamada@Flutterマン (@yshogo87) March 30, 2019 上の記事に書きてるようなバリデーション方法のやり方を載せておく class _EditProfileState e…

FlutterからFirebase Storageに画像をアップロードしてダウンロードURLを取得する

まずは下記のプラグインを導入します。 pub.dartlang.org 同時にFirebaseとFlutterの接続も忘れずに、 設定方法は下記をご覧ください。 firebase.google.com Future<String> saveUserProfileImage(File image) async { final StorageReference firebaseStorageRef = </string>…

Flutterでグーグルサインインボタンを出す

Flutterでグーグルサインインボタン簡単に出せた。 pic.twitter.com/lMPAY6aAKm— shogo.yamada@Flutterマン (@yshogo87) March 24, 2019 上のようないわゆるよくあるボタンである。 出し方は下記のプラグインを導入する pub.dartlang.org 実装はこんな感じ。…

Firebase Cloud FunctionsでJsonを返す

Cloud FunctionsからJsonを返す方法 下の実装では別のAPIを叩いて受け取った結果をjsonにして返却している。 const functions = require('firebase-functions'); const request = require('request'); exports.onBooksGenre = functions.https.onRequest((re…