Androg

FlutterのAndroid Studio3.2.1対応したらエラーが出たので修正した

現象gradleプラグイン(android/build.gradle)のバージョンを3.2.1にしたら、 'Could not find lint-gradle-api.jar' と出て、Androidでビルドができなくなった。。 原因直接的な原因はFlutterがAndroid Stdio3.2に対応していないから。 対 …

Androidのアプリ内課金のテスト購入して取り消すには?

問題Androidのアプリ内課金(定期購入ではない方)をテストしていて、一度購入して、再度購入テストしようとすると、 ITEM_ALREADY_OWNED とすでに購入済みというエラーが出て購入テストができません。 ちなみにここでのテスト購入時のプロダクトIDは、たとえばandroid.test.purchased です。 これで購入しようとすると、購入した …

DartのMapを<String, dynamic>に変換するには?

// サンプルデータ Map&lt;String, bool&gt; members = Map&lt;String, bool&gt;() ..putIfAbsent(&#34;userID1&#34;, () =&gt; true) ..putIfAbsent(&#34;userID2&#34;, () =&gt; true); …

AndroidやiOSのアプリ開発でいつも私がやっていることをFlutterでやってみた

はじめに2018/09/29(土)にGDG神戸さん主催のFlutter勉強会 (9/29)が開催されました。そこで「AndroidやiOSのアプリ開発でいつも私がやっていることをFlutterでやってみた」というタイトルで約30分間発表させて頂きました。 スライドはこちら その時の発表内容を書いておきたいと思います。基本的に原稿をもとにブログ用に加 …

Intro to Flutter

はじめに2018/09/15(日)にクラスメソッドさん主催のモバイルメソッド大阪第二回が開催されました。そこで「Intro to Flutter」というタイトルで発表させて頂きました。 スライドはこちら その時の発表内容を書いておきたいと思います。基本的に原稿をもとにブログ用に加筆・修正しています。 冒頭こんばんは!新しいiPhone出ましたね! なんか新し …

Android Studio3.1のrecentProjects.xmlファイルのパス

最近なぜかAndroid StudioのFileメニューのOpen Recentから開くと、Android Studioが固まってしまうという現象に陥ってしまっています。 プロセスをkillして再起動してもダメで、recentから起動するとダメだからそのあたりを消してしまおうということで探した結果、下記にありました。 …

Flutterでスクロールを検知し、ある位置までスクロールしたらWidgetを表示するには

やりたいことFlutterで、下図のように上にスクロールしてある一定の位置まで来たらWidgetを表示させ、下にスクロールしてある一定の位置まで来たら表示したWidgetを消すというのをやりたい。 どうやって? スクロールを検知するListenerをセットする そのListenerでスクロール位置を計算してWidgetの表示・非表示を切り替える。 1. スク …

Flutterでテキストフィールドが最大3行になるようにするには

やりたいことFlutterで、LINEでメッセージ入力するときのように、テキストフィールドが最大3行になるようにしたい。 つまり、下の動画のようにしたい。 コード例とポイント説明ポイントとなる部分だけのコードと説明します。 TextEditingControllerを使って、TextFieldに入力されたテキスト取得できるようにしておきます。 ま …

Flutterあるある

はじめに2018/08/12(日)にGDG神戸主催のFlutter勉強会が開催されました。勉強会全体に関しては こちらのブログを見ていただいて、ここでは僕が「Flutterあるある」というタイトルでLT(LT資料はこちら)したので、それについて書きたいと思います。 基本的に原稿をもとに加筆・修正しています。 Flutterあるあるまず自己紹介でチャットアプリ …

Flutterで画像を角丸にするには

こんな感じに画像を角丸にするには、ClipRRectを使うと良さそう。 SizedBox( height: 180.0, child: Container( child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: Image.network( …