12,673
回編集
差分
ナビゲーションに移動
検索に移動
=====[[FlutterFire]]=====
----
*https://firebase.flutter.dev/
*https://firebaseopensource.com/projects/firebaseextended/flutterfire/
*https://github.com/FirebaseExtended/flutterfire
→LayoutBuilder
{{amazon|4798055832}}
==[[Flutter]]==
{{amazon|B07LBPRHQDB096T3YMZ3}}<blockquote>ステップずつ仕組みを学べる良書</blockquote>
*https://flutter.dev/
===Install=SDK====*https://api.flutter.dev/index.html ====Widget====*https://flutter.dev/docs/development/ui/widgets====拡張パッケージ====*https://pub.dev/flutter/packages====[[Flutter]] Studio====UIをデザイナで作成できる*https://flutterstudio.app/====Sample====https://flutter.github.io/samples/gallery.html ==Install==
*https://flutter.dev/docs/get-started/install
====[[Windows]]====
----
*https://flutter.dev/docs/get-started/install/windows
*上記インストールパス\bin にPATHを通す
====[[Mac]]====
----
*https://flutter.dev/docs/get-started/install/macos
=====開発者登録=====
*https://developer.apple.com/
=====Flutter SDK インストール=====
----
#sdkダウンロード
! Doctor found issues in 1 category.
====Xcode設定=[[Xcode]]設定手順=====----
*xcodeのダウンロード
*command line tools の有効化
$ flutter run
</pre>
====[[Linux]]====
----
*https://flutter.dev/docs/get-started/install/linux
===環境===
----
*https://www.typea.info/blog/index.php/2019/10/03/xamarin_flutter/
====SDK====
*https://api.flutter.dev/index.html
----
====Widget====
*https://flutter.dev/docs/development/ui/widgets
====拡張パッケージ====
----
*https://pub.dev/flutter/packages
====[[Flutter]] Studio====
----
UIをデザイナで作成できる
*https://flutterstudio.app/
====Sample====
----
https://flutter.github.io/samples/gallery.html
A few resources to get you started if this is your first Flutter project:
- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
For help getting started with Flutter, view our
[online documentation](https://flutter.dev/docs), which offers tutorials,
samples, guidance on mobile development, and a full API reference.
==プロジェクト==
===作成===
----
<pre>
$ flutter create --overwrite --org "{パッケージ}" --project-name {プロジェクト名} --platforms=windows,macos,android,ios,web .
</pre>
===デバイスの確認===
----
<pre>
$ flutter devices
2 connected devices:
macOS (desktop) • macos • darwin-x64 • macOS 11.6 20G165 darwin-x64
Chrome (web) • chrome • web-javascript • Microsoft Edge 94.0.992.50
</pre>
===実行===
----
*web
<pre>
$ flutter run -d web-server
</pre>
==[[Firebase]]==
===プロジェクトに[[Firebase]]を統合===
delhi:ios hirotoyagi$
==環境構築=[[FlutterFire]]===----*[[FlutterFire]]*https://wwwfirebase.typeaflutter.infodev/*https:/blog/indexfirebaseopensource.phpcom/2019projects/10firebaseextended/03flutterfire/xamarin_flutter*https:/ ==[[Firebase]]==/github.com/FirebaseExtended/flutterfire
===Flutter.dev 公式プラグイン===
----
*https://pub.dev/publishers/flutter.dev/packages
===[[Firebase]] Auth===
====CROS [https://firebase.google.com/docs/storage/web/download-files?hl=ja Webでファイルのダウンロード]====
----
以下のようなエラーが出る
<pre>
Access to XMLHttpRequest at 'https://firebasestorage.googleapis.com/v0/b/rXXXXXX.jpeg? from origin 'http://localhost:58193' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
</pre>
*cros.json
<pre>
*https://api.flutter.dev/flutter/widgets/LayoutBuilder-class.html
*[https://www.youtube.com/watch?v=IYDVcriKjsw Movie]
===const===
----
*https://medium.com/flutter-jp/immutable-d23bae5c29f8
<blockquote>
Flutterで const SizedBox() など使うことがよくあると思いますが、アプリ各所で何度こう書いても実際に生成されるインスタンスは1つで、それが使い回されます。また、 const Widgetの build() 結果も基本的に同じになるため、それを利用してリビルドの最小化がなされるようにFlutterフレームワーク側で実装されています。
</blockquote>
==[[Tips]]==
© 2006 矢木浩人
