虎視眈々と

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

Firebase

Flutterで下タブを実装する

Flutterで下タブを実装する方法 下記の方法でいける class _MyHomePageState extends State<MyHomePage> { int _currentIndex = 0; final List<Widget> _children = [ Center(child: Text("ホーム")), Center(child: Text("メール")), ]; @override Widget build(BuildContext co</widget></myhomepage>…

Flutterで上タブを実装する

上タブの実装する方法は下記です。 下記の実装でいけた。 class _HomeState extends State<Home> with SingleTickerProviderStateMixin { TabController _tabController; List<Widget> _tabs = [ const Tab( child: Text("男性"), ), const Tab( child: Text("女性"), ) ];</widget></home>…

Flutterでよくあるマテリアルリストを作る

上のようなレイアウトを作る方法について書きます return ListView.builder( itemCount: 1, itemBuilder: (context, index) { return Container( margin: const EdgeInsets.only(top: 10), child: ListTile( title: Text("テスト2"), leading: Material( ch…

FlutterでContainerを角丸にする

上記のようなボタンを生成しているコードはこちら Container(decoration: new BoxDecoration(color: Colors.green, borderRadius: new BorderRadius.all(const Radius.circular(20)), ), child: Row(mainAxisAlignment: MainAxisAlignment.center, children: …

Cloud Functionsからアプリに結果をJsonで返す。

アプリから直接onCallメソッドを使ってCloud Functionsを呼び出した時に結果をアプリにjsonで返す方法について書きます。 アプリからCloud Functionsを直接呼び出す方法については下記をご覧ください www.shogogeek.com 実装 jsonを返す const batch = fires…

FlutterでRadioButtonを出す

こんなやつを出す方法は下記です。 int _value1 = 0; void _setvalue1(int value) => setState(() => _value1 = value); Row(mainAxisAlignment: MainAxisAlignment.center, children: < Widget > [ new Radio(value: 0, groupValue: _value1, onChanged: _s…

FlutterでOutlineButtonの色を変更する

ボタンの色を変える方法が少し違ったので書きます。 Row(children: < Widget > [ ButtonTheme(minWidth: 50, buttonColor: Colors.red, child: OutlineButton(color: Colors.red, onPressed: () {}, child: Text("×", style: const TextStyle(color: Colors.…

Flutterでボタンのサイズを変更する

Flutterのボタンのサイズは下記の方法で実装できた。 Row(children: < Widget > [ ButtonTheme(minWidth: 50, child: OutlineButton( onPressed: () {}, child: Text("×"), )), SizedBox(width: 5, ), ButtonTheme(minWidth: 50, child: OutlineButton(onPre…

Flutterから直接Cloud Functionsを呼び出す

Flutterから直接Cloud Functionsを呼び出す方法について書きます。 プラグインをいれる 下記のプラグインを導入します。 pub.dartlang.org 実装 実装もJavaScriptで使う方法とほぼ似ています。 Flutter側 Future<String> requestFriend( String groupId, String uid,</string>…

Flutterで角丸ダイアログを出す

Flutterで角丸ダイアログを出す こんな面白いダイアログ出せた。お友達申請と登録できる機能つけます pic.twitter.com/Q8flZWrrpM— shogo.yamada@Flutterマン (@yshogo87) January 28, 2019 こんなダイアログを出す方法は下記でいけました。 _showUserAlertD…

FlutterでFloatingActionボタンの大きさを変更する

FlutterでFloatingActionボタンの大きさを変更する 大きさを変更することもできる loatingActionButton: Container( margin: const EdgeInsets.only(bottom: 20), height: 100.0, width: 100.0, child: FittedBox( child: FloatingActionButton(onPressed: (…

Flutter製アプリ「GroupAlbum」で使ってるプラグイン全部晒します!!!!

Flutter製アプリ「GroupAlbum」で使ってるプラグイン全部晒します!!!! この記事はFlutter Advent Calendar 2018 4日目 になります。 年末だし、せっかくなので今現在作ってるFlutter製アプリ「GroupAlbum」で使ってるプラグインを全部書きます。 使って…

Flutterで画像を複数選択する

Flutterで画像を複数選択する この記事はFlutter #2 Advent Calendar 2018 4日目のものになります。 Flutterで画像を複数選択できるプラグインがあったので使ってみた!これでSwiftとKotlinコードを削除して、全部Dartでいけるぞ!!実装方法については明日…

FlutterからFirebase MessagingのAPIを叩いてPush通知を打つ

FlutterからFirebase MessagingのAPIを叩いてPush通知を打つ Firestoreでデータが変更されたらCloud Functionを起動させてFirestoreからデータ取得してPush通知を打つっていうのやってるけど、Push通知が来るまで時間がかかりすぎる。。みんなこんなもん??…

FirestoreとCloud Functionsを使ってPush通知を打つ

FirestoreとCloud Functionsを使ってPush通知を打つ 特に細かく説明しないが、自分は下記のコードをデプロイすることでPush通知が打てた。 細かい実装についてはコメントで解説している。 import * as functions from 'firebase-functions'; import * as adm…

FlutterとCloud Firestoreデータをやり取りする

FlutterとCloud Firestoreデータを取得する FlutterとFirebaseの接続方法については下記をご覧ください。 www.shogogeek.com データを保存する Future<void> newGroup( String title, String description, File selectImage, String uid, bool isSecret, String se</void>…

FlutterのStreamBuilderを使ってCloud Firestoreの変更を監視する

FlutterのStreamBuilderを使ってCloud Firestoreの変更を監視する Firestoreの変更を監視できます。 例えばチャット機能とかで有効です。 導入 まずはFirestoreをFlutterと導入しましょう。 www.shogogeek.com 実装 今回はチャット機能を例にあげて説明して…

FlutterとFirebaseAuthを使ったログインフォーム

(adsbygoogle = window.adsbygoogle || []).push({}); FlutterとFirebaseAuthを使ったログインフォーム 前提としてFlutterとFirebaseがちゃんと接続されていること pubspecに追加 dependencies: flutter: sdk: flutter firebase_auth: ^0.5.20 コードを書く …

FlutterとFirebaseの組み合わせは爆速

(adsbygoogle = window.adsbygoogle || []).push({}); FlutterとFirebaseの組み合わせは爆速 FlutterとFirebaseの組み合わせが最強すぎるアプリ作るぞ!って一から作り始めてから3ヶ月でAndroidもiOSも同時にリリースできたし、その3ヶ月はふつうに仕事して…

Flutterでメッセージ未読数を取得する処理を作った

(adsbygoogle = window.adsbygoogle || []).push({}); 作った。 メッセージがきたらホームの方にバッチがつくように実装した!久々にSQLiteデータベースをつかったりして結構時間をかけてしまった、、昨日1日やれば楽勝で実装できると思ったのに。 pic.twit…

Flutterでバナー広告を出す

Flutterでバナー広告を出す (adsbygoogle = window.adsbygoogle || []).push({}); Flutterからバナー広告を出せます。 これも両OS別々で実装する必要もなく、1ソースで出すことができます。 AdMobを出す 今回はAdMobを出します。 実装はとても簡単ですが、…

FlutterでiOSとAndroid両対応のアプリをリリースしたので知見をまとめる

(adsbygoogle = window.adsbygoogle || []).push({}); リリース Flutter製アプリGroupAlbumをリリースしました! iOS GroupAlbumshogo yamadaPhoto & VideoFree Android play.google.com FlutterでiOSとAndroid両対応のアプリをリリースしたので知見をまとめ…

Firebase Hostingと、hugoを使って個人ブログをはじめるまで

なぜhugo?? なぜhugoを選択したかというと、テーマ一覧が豊富でテーマがWordpressより好きな感じだったので選択しました。 テーマの一覧が海外技術ブログで使われてるようで、エンジニアがブログをはじめるにはベストな選択だと思います。 全テーマオープ…