Flutter– tag –
-
開発編
【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】アプリ開発チュートリアル(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