虎視眈々と

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

2019-03-01から1ヶ月間の記事一覧

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…

FlutterでのAppBar3選

FlutterのAppbarについて3つ動画にして紹介しました。 www.youtube.com (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoogle || []).push({});

Goでhttpリクエストしてjsonを受け取ってコマンドラインに出力する

go

下記のコードでいけた package main import ( "fmt" "io/ioutil" "net/http" ) func main() { client := &http.Client{} req, err := http.NewRequest("GET", "リクエストURL", nil) if (err != nil) { fmt.Println("error occur") } resp, err := client.Do…

RecyclerViewでアイテムのクリックイベントを受け取る

フラグメントにinterfaceを実装する。 interface ItemListEventListener { fun onTapItem(view: View, id: Int) } fragmentでimplementして実装を書く ここではinterfaceの実装と、adapterにイベントリスナーの実装を渡している class ItemListFragment : Fr…

AndroidのNavigationを使って遷移先にパラメーターを渡す

Navigationについてはこちら developer.android.com 渡す側 渡す側はbundleに引数を設定して、画面遷移するときに渡す val bundle = Bundle() bundle.putInt("id", id) Navigation.findNavController(view).navigate(R.id.action_item_list, bundle) 受け取…

FlutterとFirebase Authを使ってメールアドレス認証をする

FirebaseとFlutterの接続方法は下記 firebase.google.com 下記のプラグインを導入 pub.dartlang.org 導入したら下記のコードでログインできる Future<FirebaseUser> _handleSignUp(String email, String password) async { final FirebaseAuth _auth = FirebaseAuth.instan</firebaseuser>…

FlutterでBottom Sheetを出す

FlutterのBottom Sheet pic.twitter.com/8yh2csgrPA— shogo.yamada@Flutterマン (@yshogo87) March 10, 2019 下記の方法で行けた _showUserInfo(User user, BuildContext context) { showModalBottomSheet( context: context, builder: (_) { return Contain…

Flutterでドロワーを出す

drawer: Drawer() っていう一行でドロワーが出せるようになるFlutterすごすぎないか、、、しかも、iOS、Android両方動くって、、、爆速でアプリ作れる。 pic.twitter.com/96eHeCCvV1— shogo.yamada@Flutterマン (@yshogo87) March 5, 2019 ドロワーを出すだ…

FlutterでBLoCのテストを書く

FlutterでBLoCのテストを書く方法について BLoCって何?って方は下記の記事をご参照ください。 www.shogogeek.com BLoCクラス まずはBlocクラス class HomeBloc { final UserRepositoryInterface userRepository; HomeBloc({ @required this.userRepository,…

FlutterにFirebase Crashlyticsを導入する (Android編)

FlutterにFirebase プロジェクトを追加 下記の手順で導入しましょう。 firebase.google.com gradleを編集 android/build.gradle に下記を追加 buildscript { ext.kotlin_version = '1.3.20' repositories { google() jcenter() // ↓追加 maven { url 'https:…

FlutterでCrashlyticsが動かない時

FlutterでFirebase Crashlyticsがビルドエラーになって動かなかったが下記の方法で解決した。 android/gradle/gradle-wrapper.properties に下記を追加すると直る。 #Sat Mar 02 00:07:33 JST 2019 distributionBase=GRADLE_USER_HOME distributionPath=wrap…

Incompatible types: ○ and △ がでるとき

sealed を使って型の確認をするときに下記のエラーで表示できなくなった。 Incompatible types: ○ and △ みたいなエラーがでるときは下記の方法で使える ちゃんと継承させれば解決できる sealed class ListItem { data class ItemList( val list: List<ProductItem> ) : L</productitem>…