開発編– category –
-
【Flutter】Xcodeでビルド中に”Framework not found Pods_Runner”と出た場合の解決方法
こんにちは！本記事では、Xcodeでビルドしている際に下記エラーが表示された場合の対処法について説明します。 Framework not found Pods_Runner Framework not found Pods_Runnerが出た場合は、Xcode>BuildPhases>Link Binary withLibraryからPods_... -
【flutter】メール送信やurlを開く機能を実装する方法 ~url_launcher~
こんにちは！本記事では、flutterで作成したアプリからメールを起動したり、特定のリンクに飛んだりする方法について、url_launcherというパッケージを用いて説明します。 パッケージのインストール 今回はurl_launcherを使用します。 ターミナルで、flutt... -
【flutter】アプリにシェア機能を持たせる~Share~
こんにちは！ 本記事では、右の動画のように、シェアボタンを押すことでSNSなどにシェアする機能を呼び出す手順を説明します。 シェアする機能に必要なパッケージはShareというパッケージです。 パッケージをインストール ターミナルで、flutter pub add s... -
【flutter】スワイプでリストを削除する方法~Dismissible()を使う~
こんにちは！本記事では、左の動画のように、スワイプすると選択したリストが削除されるように実装する手順を説明します。 Dismissibleウィジェットの埋め込み方例 使い方としては、こんな感じです。oneListというリストの中に、文章が格納されていること... -
【flutter】textやWidgetをスクロールする方法~SingleChilledView~
こんにちは！本記事では、スマホアプリで画面内をスクロールしたい時に使うWidget、SingleChilledViewについて説明します。 SingleChilledViewとは？ SingleChilledViewとは、Widgetの一つです。スクロールしたいWidgetをSingleChilledViewで覆うことで、... -
【Flutter】アプリのアイコンを設定する方法
こんにちは！本記事では、flutterのパッケージ"flutter_launcher_icons"を用いて、アプリアイコン画像を設定する方法と手順を説明します。 手順 パッケージのインストール まずは、下記ページに従ってパッケージをインストールします。 https://pub.dev/pa... -
【Flutter】エミュレータ右上に出てくる「DEBUG」を非表示にする方法
MaterialApp()の内部で、下記のようにdebugShowCheckedModeBanner: falseを設定します。 実行すれば、Debugのバナーが消えているはずです。 void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildConte... -
【flutterエラー】”Cannot run with sound null safety, because the following dependencies don’t support null safety:”
上記記事のように表示される場合は、null safetyという新しいバージョンに必要な機能が実装されていない古いパッケージを使っていることが原因です。 解決方法１: バージョンのアップデート flutter pub outdatedもしくはflutter updateをターミナルで実行... -
【flutter, Google colaboratory】Flutterで機械学習機能を備えたアプリを作ろう！手順まとめ
本記事では、flutterとGoogle colaboratoryを用いて、機械学習をモバイルアプリに実装する方法を説明します。 1. 準備 まず、flutterを初めて触る！という方は、flutterをPC内に導入する必要があります。下記記事をご覧ください。 https://www.mechengjp.c... -
【Flutter】Firebaseを使ってデータを読み書きするチュートリアル・エラー解決法まとめ
Firebaseをflutterに入れる手順とその際に発生するエラーについてまとめています。 前提条件 Firebaseのアカウントが既に作成されていることを念頭に解説します。 Firabaseでアプリの登録 プロジェクトの追加 Firebaseのページにいき、プロジェクトを追加... -
【Flutter】Mac M1で”device emulator-5554 is offline”と出る場合
こんにちは！本記事では、下記のエラーが出た場合の対処法についてご紹介します。 Error connecting to the service protocol: failed to connect to http://127.0.0.1:1025/ device emulator-5554 is offline いつ起こるのか Android studioでAndroidのエ... -
【Flutter】画像をアプリ内で使う方法
こんにちは！本記事では、画像をアプリ内で使う手順について説明します。大まかには、imagesフォルダ作成→pub spec.yamlに追記です。 imagesフォルダ作成 プロジェクト直下にimagesフォルダを作りましょう。プロジェクトを選択して右クリック>New>Di... -
【Flutterエラー】”LoadError – dlopen…”
Mac M1でiOS用にpod updateをした際、下記のようなエラーが出ました。 LoadError - dlopen(/Library/Ruby/Gems/2.6.0/gems/ffi-1.15.5/lib/ffi_c.bundle, 0x0009): tried: '/Library/Ruby/Gems/2.6.0/gems/ffi-1.15.5/lib/ffi_c.bundle' (mach-o file, but... -
【Flutterエラー】”Execution failed for task ‘:geolocator_android:compileDebugJavaWithJavac’ in flutter”
flutterで古いバージョンのプロジェクトを実行しようとしたところ、タイトルのようなエラーが出てきました。 解決方法 compileSdkVersionを上げる app/build.gradleのcompileSdkVersionを,31もしくはflutter.compileSdkVersionにします。 android { compil... -
【Flutter】TabBar()を下(bottomNavigationBar)に配置する方法
こんにちは！本記事ではTabBarでページ遷移する方法について、サンプルコードと一緒に説明していきます。 作りたいもの 左の動画のように、下にTabBarを設置し、それぞれのTabBarを押すと該当するページやウィジェットが開かれるようになります。 サンプル... -
【Flutter】パッケージをインストール/アンインストールする方法について~コマンドと一緒に紹介
パッケージとは、Widgetをまとめたものです。目的に沿ったパッケージを導入することで完成されたWidgetを使って簡単に開発ができるため、手間が大幅に短縮されます。 本記事ではパッケージの探し方やインストール/アンインストール方法についてのコマンド... -
【Flutterエラー解決】”Could not find the correct Provider<> above this Widget.”の解決法
こんにちは！本記事では、Provider()を使用したときに出てくるエラーについて解決方法をご紹介します。 エラー文は以下の通り。 The following ProviderNotFoundException was thrown building MyApp(dirty):Error: Could not find the correct Provider&l... -
【Flutter】”Module ‘flutter_inappwebview’ not found Xcode”と出た場合の対処方法
本記事では、以下のエラーについて解決方法をまとめました。 "Module 'flutter_inappwebview' not found Xcode" Flutterで作成したものをXcodeでArchiveしようとした際に出てきました。 原因 下記二つを試してみてください。 Pod installがされていない An... -
【Flutter】アプリを多言語対応にする手順
こんにちは！本記事では、端末の言語設定によってアプリの言語も変わる機能を実装する手順を説明します。ざっくりまとめると、多言語ライブラリ(flutter_localizations)を導入、対応したい言語分の言語対応ファイル作成、文字を変数で指定、していきます。... -
【Flutter, firebase】”FlutterFirebaseAnalyticsPlugin.javaは推奨されないAPIを使用またはオーバーライドしています。”解決法
flutterで上記のようなエラー内容が出てきたので解決法を記載しておきます。 この場合は、app>build.gradleのminSdkVersionを上げる必要があります。私は25にしたら直りました(2022年2月現在) minSdkVersionの上げ方はこちら↓ https://www.mechengjp.com/?... -
【flutter】listTile()の高さや枠線などのカスタム方法まとめ
本記事では、FlutterのウィジェットであるListTile()について、カスタマイズ方法をまとめます。 ListTile()とは？ ListTile()とは、ウィジェットの１つで、リストを表示する際に使用します。タイルの中身をアレンジすることで、YouTubeの一覧表のようなデ... -
【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】Hiveを使ってデータをローカルに保存する方法まとめ。複数Hiveを使う場合も紹介
こんにちは！本記事では、データを端末ローカルに保存するパッケージHiveについて、実装方法も含めてまとめていきます。この記事と関連記事を一通り読めば、自身のアプリに実装できるはずです。 Hiveの長所 ローカル保存ができるパッケージの比較はこちら... -
【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...
12