Flutter– category –
-
【Flutter】App Tracking Transparency の設定方法
本記事では、iOSアプリで必要なApp tracking Transparencyの設定方法について、app_tracking_transparencyというウィジェットを用いた手順をご紹介します。 App Tracking Transparencyとは App Tracking Transparencyとは下図のように、アプリを起動した後... -
【flutter】アプリ内でブラウザを起動させるウィジェット紹介~In App WebView~
本記事では、アプリ内でウェブブラウザを起動させるウィジェット「In App WebView」についてご紹介します。公式ページはこちら↓ https://pub.dev/packages/flutter_inappwebview 出来上がりの概観 こちらに記載されているコードを使うと、左の図のように、... -
【Flutterエラー解決】”Class AMSupportURLConnectionDelegate is implemented in both /usr/lib/libauthinstall.dylib (0x1f2c2ab90) and /Library/Apple/System/Library/PrivateFrameworks/MobileDevice.”とflutter doctorを実行すると出る場合の解決法
こんにちは！本記事では下記のエラーが出た場合の解決法をまとめます Class AMSupportURLConnectionDelegate is implemented in both /usr/lib/libauthinstall.dylib (0x1f2c2ab90) and /Library/Apple/System/Library/PrivateFrameworks/MobileDevice.fra... -
【Flutterの始め方】Macで開発環境を整える手順
こんにちは！本記事では、Flutterを始めるにあたって必要な手順を説明します。*ソフトウェアは全て容量が大きく、ダウンロードに時間がかかります。ご自分のMacの容量、ネット環境を確かめて行ってください。 環境 macOS Monterey チップ Apple M1 MacBook... -
【Flutterエラー解決】”zsh: command not found:flutter”の解決法
こんにちは！本記事では、Flutterでの開発環境構築してる際にターミナルでflutterと打つと下記のエラーが出てしまう場合の対処法について紹介します。 "zsh: command not found:flutter" 原因 flutterの環境パスを設定した際に、パスが正しく記載されてい... -
【Flutter】Hiveを使ってデータをローカルに保存する方法まとめ。複数Hiveを使う場合も紹介
こんにちは！本記事では、データを端末ローカルに保存するパッケージHiveについて、実装方法も含めてまとめていきます。この記事と関連記事を一通り読めば、自身のアプリに実装できるはずです。 Hiveの長所 ローカル保存ができるパッケージの比較はこちら... -
【Flutter】記事まとめ
こんにちは！本記事ではFlutterに関する記事を体形立ててまとめています。目次としてお使いください。 全体図 全ての記事を図でまとめています。(2022年2月22日現在）。 気になるものをみてください。Flutter初めてだよ！という方は、初めから読み進めれば... -
【Flutterエラー解決法】”Error output from CocoaPods: Searching for inspections failed: undefined method ‘map’ for nil: NilClass.”について
こんにちは！本記事では、"Error output from CocoaPods: Searching for inspections failed: undefined method 'map' for nil: NilClass." というエラーについて解決法をまとめていきます。 M1チップのMacを使用している方が出るエラー このエラーは、使... -
【Flutter】depends on both firebase_auth ^0.20.1 and build_runner ^2.1.7, version solving failed.の解決法
エラー文と起こった箇所 firebaseをFlutterに導入したときにおこりました。 エラー文はこんな感じ。 Because no versions of build_runner match >2.1.7 <3.0.0 and build_runner 2.1.7 depends on shelf ^1.0.0, build_runner ^2.1.7 requires shel... -
【Flutterエラー解決法】”Automatically assigning platform ‘iOS with version ‘9.0’ on target ‘Runner’ because no platform was specified. Please specify a platform for this target in your podfile”エラー文の解決方法まとめ
こんにちは！本記事では、下図のようなエラー文が出た場合の対処方法についてまとめておきます。 エラー文は以下の通り。iOS platformのバージョンをちゃんと特定してねって意味ですね。 Automatically assigning platform 'iOS with version '9.0' on tar... -
【Flutterエラー解決法】”uses-sdk:minSdkVersion 16 cannot be smaller than version 19 declared in library” というエラーが出たときの対処法
こんにちは！本記事では、下図のようにFirabaseを実装した後出てくるエラーについて説明します。 主なエラー文章は下記の通り。minSdkVersionを19以上にしてねって意味です。 uses-sdk:minSdkVersion 16 cannot be smaller than version 19 declared in li... -
【Flutter】アプリ開発チュートリアル(5日目)
こんにちは！Flutterを勉強しながらアプリ開発をしています。本記事では5日目に学んだことをまとめていきます。 1日目からの記事はこちら↓ https://www.mechengjp.com/?p=1378 開発環境 パソコン: macOS実行環境：Android studio Arctic Fox言語：Dart(Flu... -
【Flutter】Provider()使い方、サンプルコード
こんにちは！本記事では、Provider()というウィジェットについて、サンプルコードを用いながら実践的に説明しています。 Provider()とは Provider()はパッケージの一つです。 Provider()を使うと、リアルタイムで変数を変化させたり、状態管理をすることが... -
【Flutterエラー解決】Android Studioで、”can’t find the emulator executable”と出る場合の対処法
こんにちは！本記事では、Android エミュレータを使ってコードを実行しようとした際に出るエラーについて対策法をまとめます。 発生する開発環境 このエラーは、Apple製のチップ、M1やM2を使っている場合に発生するエラーです。 また、タブレットのエミュ... -
【Flutter日記】アプリ開発チュートリアル(3・4日目)
こんにちは！Flutterを勉強しながらアプリ開発をしています。今回は3・4日目に学んだことをまとめていきます。 1、2日目の記事はこちら↓ https://www.mechengjp.com/?p=1378 https://www.mechengjp.com/?p=1421 開発環境 パソコン: macOS実行環境：Android... -
【Flutterエラー解決】バージョン コード 1 はすでに使用されています。別のバージョン コードをお試しください。
FlutterでビルドしたものをGoogle playに申請する際に出てくるエラー解決法について説明します。 解決法 bundle.gradleファイルで、flutterVersionCodeがデフォルトだと1に設定されていることが原因です。ビルドは一回提出すると、番号が重ならないように... -
【Flutter】iOSアップロード中に”iTunes Store Operation Failed…”とエラーが出た場合
本記事では、下記エラーが出た場合の対処方法について説明します。 iTunes Store Operation Failed Error ITMS-90717: "Invalid App Store Icon. The App Store Icon in the asset catalog in 'Runner.app' can't be transparent nor contain an alpha cha... -
【Flutter】String, int, datetimeなどの型変換方法やString内での変数の宣言方法まとめ
こんにちは！本記事では、TextFieldなどで収集したStringの中身をintやdoubleにする方法など、データ形式の変換方法についてまとめました。作成したチートシートをもとに説明していきます。 https://note.com/hatchoutschool/n/n647496ec4df5 StringからIn... -
【Flutter】Charts_flutterの使い方：OrdinalComboBarLineChartのサンプルコードを使って解説
こんにちは！本記事では、Chartsを使って折れ線グラフや棒グラフ、もしくはそれを組み合わせたグラフを作りたいと思っている方向けに、書くべきコードの解説や実際に書いたコードをまとめています。 Chartsとは？ Chartsとは、Flutterで使えるパッケージCh... -
【Flutter】アプリ開発チュートリアル(2日目)
こんにちは！Flutterを勉強しながらアプリ開発をしています。今回は開発開始から2日目について学んだことをまとめていきます。 1日目の記事はこちら↓ https://www.mechengjp.com/?p=1378 開発環境 パソコン: macOS実行環境：Android studio Arctic Fox言語... -
【Flutter】Text()ウィジェット内TextStyleの変数まとめ：文字サイズ変更、文字スタイルなど
こんにちは！本記事では、Flutterで用いるText()ウィジェット内のTextStyle()でカスタマイズできる変数についてまとめました。作成したチートシートをもとに説明していきます。 TextStyleチートシート コードを書く際にすぐ分かるように、各変数をいじって... -
【Flutter】配置に関するWidget(Column, Row)カスタマイズまとめ
こんにちは！本記事では、Flutterで使う配置Widget(Column(), Row()）がどのようなレイアウト挙動を示すのか、実際にまとめました。作成したチートシートをもとに説明していきます。 Column(), Row()カスタマイズ用チートシート コードを書く際にすぐわか... -
【Flutter】AppBar()のカスタマイズ方法：ボタン設置や高さ調整などまとめ
こんにちは！本記事では、Flutterでよく使うウィジェットAppBar()について変更できる変数や戻るボタンなどのアクションボタンの設置方法について、チートシートをベースに説明していきます。 AppBar()カスタマイズ用チートシート コードを書く際にすぐわか... -
【Flutter】bottom_Navy_barを用いたタブバー作成と、それに合わせたページ遷移を実装してみました。
・Flutterでタブバーの作り方わからない。。・タブバーは表示されたんだけど対応ページをどうやって表示させるんだろう。。・タブバーのおすすめのパッケージと使い方を知りたい。。 本記事では、そんなタブバーで悩んでいる方向けに記事をまとめています... -
【Flutterエラー解決方法】…of pubspec.yaml A dependency may only have one source.sdk: flutter
パッケージをインストールするために、pubspec.yamlを変更したら下記のようなエラーが出たので対処法をまとめておきます。 Running "flutter packages get" in stylerecord... Error on line 31, column 5 of pubspec.yaml: A dependency may only have on... -
【Flutter】アプリ開発チュートリアル（1日目）
こんにちは。独学でプログラミングを行なっています。 今回集中的にFlutterを学んでアプリを作るぞ！と一念発起したのでその経過を描くことにしました。 本記事では、アプリ作成中に学んだことを学んだ順番にまとめていきます。このシリーズを通して、一つ... -
【Flutterエラー解決方法】”Performing Streamed Install.”というエラーが出てきた場合の対処
本記事では、下記のエラーが出てきた場合の対処法についてまとめています。 Performing Streamed Install.adb: failed to install /Users/sae/StudioProjects/StyleRecord/build/app/outputs/flutter-apk/app.apk: Exception occurred while executin... -
【Flutter】”Could not automatically detect an ADB Binary..”というエラーが出た場合の対処法
Androidのシミュレータを立ち上げる際に、"Could not automatically detect an ADB Binary.."というエラーが出たり、"Unable to locate adb"が出た場合の対処法をまとめます。 開発環境 MacBook Air (M1, 2020) Android Studio Arctic Fox | 2020.3.1 Patc... -
【Flutter】Android studioでAndroidエミュレーター導入方法まとめ
Flutter によるアプリ開発環境構築についてまとめています。本記事では、AndroidシミュレータがMacbookで動くようにセットアップする方法をまとめます。 Android studioのインストール方法については下記記事をご覧ください。 https://www.mechengjp.com/?... -
【Flutter】2022年版 Android studioのインストール方法とセットアップまとめ
Flutterでアプリ開発するにあたり、Android studioのセットアップをまとめていきます。Android studioはandroidアプリ開発に必須です。 Mac PCにFlutterの環境を構築する最初の方法はこちらの記事をご覧ください。 https://www.mechengjp.com/?p=1586 使用...
12