Flutter– category –

こんにちは！本記事では、久しぶりに開発を行ったときなどに出てくるエラーについて解決方法をご紹介します。 エラー文は以下の通り。 Error Domain=DVTPortalServiceErrorDomain Code=1100 "Your session has expired. Please log in." UserInfo={payload...

こんにちは！本記事では、Xcodeでビルドしている際に下記エラーが表示された場合の対処法について説明します。 Framework not found Pods_Runner Framework not found Pods_Runnerが出た場合は、Xcode>BuildPhases>Link Binary withLibraryからPods_...

こんにちは！本記事では、作成したアプリをAppStoreに公開するまでの方法を説明します。 【Apple Developer Programに参加する】 このページから、App Store Small Business Programに参加します。参加することで、App storeにアプリを登録できるようにな...

こんにちは！本記事では、Bundle IDの調べ方をまとめています。 【該当するプロジェクトのXcodeファイルを開く】 flutterから開く方法 flutterのプロジェクトから、ios>Runnerのディレクトリを右クリックし、Open In>Finderをクリックします。 Finde...

これまで知らなかったんですけど、、シミュレータのスクリーンショットは、ターミナルを使わなくても綺麗に撮れるんですね。。 【⌘+shift+4→スペース→option→シミュレータクリック】 下に、影ありと影なしの両方のスクリーンショットを貼っています。下部...

こんにちは！本記事では、flutterで作成したアプリからメールを起動したり、特定のリンクに飛んだりする方法について、url_launcherというパッケージを用いて説明します。 【パッケージのインストール】 今回はurl_launcherを使用します。 ターミナルで、f...

こんにちは！ 本記事では、右の動画のように、シェアボタンを押すことでSNSなどにシェアする機能を呼び出す手順を説明します。 シェアする機能に必要なパッケージはShareというパッケージです。 【パッケージをインストール】 ターミナルで、flutter pub a...

こんにちは！本記事では、左の動画のように、スワイプすると選択したリストが削除されるように実装する手順を説明します。 【Dismissibleウィジェットの埋め込み方例】 使い方としては、こんな感じです。oneListというリストの中に、文章が格納されている...

こんにちは！本記事では、スマホアプリで画面内をスクロールしたい時に使うWidget、SingleChilledViewについて説明します。 【SingleChilledViewとは？】 SingleChilledViewとは、Widgetの一つです。スクロールしたいWidgetをSingleChilledViewで覆うこと...

こんにちは！本記事では、flutterのパッケージ"flutter_launcher_icons"を用いて、アプリアイコン画像を設定する方法と手順を説明します。 【手順】 パッケージのインストール まずは、下記ページに従ってパッケージをインストールします。 https://pub.de...

MaterialApp()の内部で、下記のようにdebugShowCheckedModeBanner: falseを設定します。 実行すれば、Debugのバナーが消えているはずです。 void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildConte...

上記記事のように表示される場合は、null safetyという新しいバージョンに必要な機能が実装されていない古いパッケージを使っていることが原因です。 【解決方法１: バージョンのアップデート】 flutter pub outdatedもしくはflutter updateをターミナルで...

本記事では、flutterとGoogle colaboratoryを用いて、機械学習をモバイルアプリに実装する方法を説明します。 【1. 準備】 まず、flutterを初めて触る！という方は、flutterをPC内に導入する必要があります。下記記事をご覧ください。 https://www.mecheng...

Firebaseをflutterに入れる手順とその際に発生するエラーについてまとめています。 【前提条件】 Firebaseのアカウントが既に作成されていることを念頭に解説します。 【Firabaseでアプリの登録】 プロジェクトの追加 Firebaseのページにいき、プロジェク...

こんにちは！本記事では、下記のエラーが出た場合の対処法についてご紹介します。 Error connecting to the service protocol: failed to connect to http://127.0.0.1:1025/ device emulator-5554 is offline 【いつ起こるのか】 Android studioでAndroid...

こんにちは！本記事では、画像をアプリ内で使う手順について説明します。大まかには、imagesフォルダ作成→pub spec.yamlに追記です。 【imagesフォルダ作成】 プロジェクト直下にimagesフォルダを作りましょう。プロジェクトを選択して右クリック>New&g...

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で古いバージョンのプロジェクトを実行しようとしたところ、タイトルのようなエラーが出てきました。 【解決方法】 compileSdkVersionを上げる app/build.gradleのcompileSdkVersionを,31もしくはflutter.compileSdkVersionにします。 android { co...

こんにちは！本記事ではTabBarでページ遷移する方法について、サンプルコードと一緒に説明していきます。 【作りたいもの】 左の動画のように、下にTabBarを設置し、それぞれのTabBarを押すと該当するページやウィジェットが開かれるようになります。 【サ...

パッケージとは、Widgetをまとめたものです。目的に沿ったパッケージを導入することで完成されたWidgetを使って簡単に開発ができるため、手間が大幅に短縮されます。 本記事ではパッケージの探し方やインストール/アンインストール方法についてのコマンド...

こんにちは！本記事では、Provider()を使用したときに出てくるエラーについて解決方法をご紹介します。 エラー文は以下の通り。 The following ProviderNotFoundException was thrown building MyApp(dirty):Error: Could not find the correct Provider&l...

本記事では、以下のエラーについて解決方法をまとめました。 "Module 'flutter_inappwebview' not found Xcode" Flutterで作成したものをXcodeでArchiveしようとした際に出てきました。 【原因】 下記二つを試してみてください。 Pod installがされていな...

このページでは、Flutterを始める準備に必要な記事をまとめています。この記事を一通りこなせば、Flutterの基礎を理解し、PCで開発を行う準備が完了します。 【Flutterの基礎知識】 そもそもFlutterとは？Dartとは？どんな特徴があるのか？についてまとめ...

こんにちは！本記事では、Flutterを初めて使う方やこれまでなんとなく使ってきた方向けに、Flutterについてまとめています。 【Flutterは、Googleが提供しているフレームワーク】 Flutterは、2018年12月からリリースされているGoogleが提供している無料の...

こんにちは！本記事では、GitHubの役割、GitとGitHubの違い、バージョンコントロールについて説明しています。 【GitHubの役割】 GitHubは以下二つのことができます。 オンライン上でのコードのバージョンコントロール世界中に自分が作ったコードのシェア...

InfoPlist.stringsで、文末のセミコロンを忘れてました。下図のようにセミコロンを打てばエラーが出なくなります。

こんにちは！本記事では、端末の言語設定によってアプリの言語も変わる機能を実装する手順を説明します。ざっくりまとめると、多言語ライブラリ(flutter_localizations)を導入、対応したい言語分の言語対応ファイル作成、文字を変数で指定、していきます。...

こんにちは！本記事では、Android StudioでGitHubと連携する方法についてまとめます。 GitHubについて知りたい方、新規登録する方法は以下の記事を参考にしてください。 https://www.mechengjp.com/?p=1661 【GitHubでトークンを発行する】 まず、GitHubに...

flutterで上記のようなエラー内容が出てきたので解決法を記載しておきます。 この場合は、app>build.gradleのminSdkVersionを上げる必要があります。私は25にしたら直りました(2022年2月現在) minSdkVersionの上げ方はこちら↓ https://www.mechengjp.com/?...

本記事では、FlutterのウィジェットであるListTile()について、カスタマイズ方法をまとめます。 【ListTile()とは？】 ListTile()とは、ウィジェットの１つで、リストを表示する際に使用します。タイルの中身をアレンジすることで、YouTubeの一覧表のよう...