Please enable JavaScript.

Coggle requires JavaScript to display documents.

Flutterでチャットアプリの作り方 or 作ったときの話？ (自分が作ったチャットアプリ (機能リスト (会員登録・ログイン,…

- - - - メッセージ送信するには
        
        テキストを送信
        
        メッセージリスト表示するには
        
        ルーム一覧を開いたら、Firestoreを監視している
        
        Firestoreから新しい順にメッセージを取得する
        
        リスト0番目が一番新しい
        
        1 more item...
        
        firestoreのlistenを使って
        
        メッセージ部分
        
        RowとColumnを駆使して作成 #
        
        チャットメッセージを送信する
        
        画像を送信
        
        storageプラグインを使ってアップロード
        
        UpdaloadTaskのputFileでアップロード
        
        2 more items...
        
        テキストメッセージを送信
        
        Firestoreのdocumentを保存
        
        Cloud Functionを使って、メッセージドキュメントが作成されたことを受けて、プッシュ通知を送るようにしています。
        
        メッセージ入力欄をタップしたら、左のカメラを消す
        
        これはつたえるのやめようかな
        
        文字を入力し始めたら、右の送信ボタンを有効にする
        
        TextEditingControllerを使う
        
        TextFormFieldにtextEditingControllerをセット
        
        _texEditingController.addListenerでリスナーセット
        
        テキストフォームに入力したときのイベントが取れる
        
        あらかじめIconButtonのonPressedに、isEmptyならnullになるようなフラグを用意しておく。
        
        イベントで、textEditingControllerに入力中のテキストが取れる飲んで、テキストの長さが0ならtrue、0より大きければ、falseにする
      - ルームリスト
        
        単純なものでよければListTileというWidgetがある
        
        https://api.flutter.dev/flutter/material/ListTile-class.html