FlutterでCORS
crop使うために、–web-rendererをcanvaskitにしたら、Firebase Storageの画像を表示できなくなってしまった。 Displaying images on the web | Flutterにも書かれていて、いくつか回避策が提示されていた。 Firebase Hostingはfirebase.jsonで設定できるらしいが、今回 Read more
POSTS
crop使うために、–web-rendererをcanvaskitにしたら、Firebase Storageの画像を表示できなくなってしまった。 Displaying images on the web | Flutterにも書かれていて、いくつか回避策が提示されていた。 Firebase Hostingはfirebase.jsonで設定できるらしいが、今回 Read more
aws-samples/amazon-ivs-chat-web-demo: A demo web application that shows how to implement a basic video + chat application using the AWS serverless application model (SAM) and Javascript (React). これを試すにあたり、作ったものをまるごと削除できるようにAWS Organizationsで専用アカウント作成した。 ついでにAWS Single Sign-Onも設定してログインを集中管理できるようにした。 CloudShellで作業する。 $ git clone https://github.com/aws-samples/amazon-ivs-chat-web-demo.git $ cd amazon-ivs-chat-web-demo/serverless/dependencies/nodejs $ npm install $ cd ../../ Read more
画像の選択前後で表示だし分けしたい件、Prvider使って実装してたけど、setStateで良いことに気づいた。 だいぶFlutterのことがわかってきた気がする。 (cropはまだできていない)
Flutter Webでブラウザ表示したときに、漢字が中国風になってしまう件。 --web-renderer htmlで動かせば回避できていたのだけれど、cropを試すのに--web-renderer canvaskitにしたら再発した。 Flutter Webでのフォント問題を解決するを参考にsawarabiGothicにして解決。
go-oci8を使ったイメージの、oraclelinux8をベースイメージにしたやつが1.25GBにもなったので、もっと小さくならないか試してみた。 golang:1-bullseyeをベースにした場合、rpmが使えないのでOracleInstantClient関連のzipを展開する方法でやって、1. Read more
アップロードする画像を正方形にしたかったので、加工用のパッケージを入れてみた。 hnvn/flutter_image_cropper: A Flutter plugin for Android and iOS supports cropping images これがFlutter Webだとどうもうまく動かない。 croppie_dart.dart:129 Uncaught (in promise) TypeError: dart.global.Croppie is not a constructor at new croppie_dart._Croppie.new (croppie_dart.dart:129:50) at Croppie.new (croppie_dart.dart:68:12) at cropImage (image_cropper_for_web.dart:120:21) at cropImage.next (<anonymous>) at runBody (async_patch.dart:84:54) at Object._async [as async] (async_patch.dart:123:5) at image_cropper_for_web.ImageCropperPlugin.new.cropImage (image_cropper_for_web.dart:74:33) at cropper.ImageCropper.new.cropImage (cropper.dart:86:21) at NewPostPage.dart:206:52 Flutter、まだわからないことが多い。。 次は、Top Flutter Image Cropping, Image Cropper packages | Read more
昨日の2度呼ばれて2度目の内容が反映されない件。 結局よくわからなかったので、反映されない部品(WebViewX)だけ古い実装に戻すことにより回避した。 Firestore倍の回数呼び出すことになりそうだけど、仕方ない。
Firestoreから取得したデータを、Wighetの構築に受け渡しするのに引数並べるの大変になってきたので、 modelクラスの導入をしてみた。 参考: 【Flutter & FireStore】Modelを作成して、データの一覧を取得 する 【Flutter & FireStore】Modelを作成して、データの Read more
Drawerが表示できるようになったが、onTapが反応しない。 Flutter webだからかと思ったけど、Add a Drawer to a screen | Flutterのサンプルは動いているので、他の原因っぽい。 ログアウト機能しか使う予定なかったし、ドロワー以外の方法でも良いか。。