flutter– category –
-
多言語ファイルをDeepL APIで自動生成
こんにちは。OneTapNoteというFlutterアプリをiosで公開しているのですが、多言語対応（日本語、英語、簡体中国語、繁体中国語、韓国語、フランス語）の６ヶ国語に対応しています。私は日本語しか話せないため、翻訳機に頼るわけですが、Application Resou... -
SafeAreaをtrueにした場合にpaddingを取得
こんにちは。 Flutterでiosアプリを作成しているとSafeAreaなるものが出てきます。私のアプリの場合、下部に広告バナーを入れているですが、将来的に広告バナーを表示しないことも考えて、両方で動くように確認しています。広告バナーを入れる場合は広告表... -
AndroidStudioでAndroid用アプリアイコンを作る
こんにちは。 flutterアプリを作成し始めて、ようやく（やっと…）見れる形になってきたので、アイコンを準備します。flutterでios,Android用アプリアイコンをまとめて作成する時によく検索に出てきたツールはflutter_launcher_iconsですが、Androidでアダ... -
flutterアプリからGoogleSpreadsheetにデータ保存（2.Spreadsheet作成編）
こんにちは。 前回の記事でFlutterアプリでGoogleログインをしましたので、今日はSpreadsheet作成して適当なデータを入れたいと思います。今日は②Spreadsheet作成編するです。 Googleにログインする GoogleDriveにSpreadsheetを作成してデータを入れる 前... -
flutterアプリからGoogleSpreadsheetにデータ保存（1.Googleログイン編）
こんにちは。 記録系のアプリで入力したデータは自分で自由に分析出来るように元データが欲しい、と思う人は少なくないと思います。どのような仕組みになっているのが楽かなぁと思った時に、自分のGoogleDriveにSpreadsheetでデータが保存出来たら、見やす... -
flutterでProcreateみたいなカラーパレットを作る
こんにちは。 iPadを使用している方ならご存知のペイントアプリ「Procreate」ですが、flutterでアプリを作る時に「Procreate」のカラーパレットが使いやすいので作ってみました。「Procreate」のカラーパレットはこんな感じです。 今回作ったProcreate風カ... -
flutterでsqfliteを使ってローカルでデータ処理する方法
こんにちは。 flutterでローカルデータベースSQLiteを使用する事にしました。FlutterでSQLiteを使うためにsqfliteというパッケージがあり、参考サイトも沢山あるのでスムーズに行くと思ったのですが、思った以上に躓きポイントが多かったので記事に残して... -
flutterで動的にウィジェットを作成する方法
こんにちは。 flutterで動的にウィジェットを作成する方法を説明します。他のサイトで見かけたのはボタンを押したら、リストビューにあるテキストボックスがどんどん増える、というものでした。私が今回紹介するのは、親子関係をもつアイコンを用意して、... -
flutterでオシャレなToggleButtonsを作成する
こんにちは。 flutterにはToggleButtonsクラスが用意されており、トグルボタン自体は簡単に作れますが、UIを変更しようとするとなかなか難しかったです。こちらのサイトを参考に、見た目にオシャレなトグルボタンが作れるようになったのでご紹介したいと思... -
fluttericonで自作アイコンを正しくアップロードする方法
こんにちは。 flutterで使うアイコンに自作アイコンを使いたくなりました。「flutterIcon」というサイトを紹介しているサイトが多くて（というか、それしか出てこなかったな）私も使ってみました。 こんなカワイイ感じのWebサイトで自作アイコンをアップロ... -
FlutterでNull Safetyに対応する
こんにちは。 Dart2.12より「Null Safety」をサポートするようになりました。開発中のコードに対応させるために実施したことを残します。 【バージョンの確認とバージョンアップ】 使用しているDartのバージョンを確認します。 >flutter --version Flutter... -
flutterのGridviewでDrag and Dropを使う
こんにちは。 FlutterのGridviewでDrag and Dropで要素のソートをしてみたいと思います。前回はListviewで同じような事をしましたので、Listviewを試したい方は以下リンクからどうぞ。 【DragAndDropGridViewでGridのDrag and Drop】 drag_and_drop_gridvi... -
flutterのListviewでDrag and Dropを使う
こんにちは。 FlutterのListviewでDrag and Dropで要素のソートをしてみたいと思います。 【ReorderableListViewでリストのDrag and Drop】 ReorderableListViewを使って実現します。 https://api.flutter.dev/flutter/material/ReorderableListView-class... -
flutterで再利用可能なAppbarを作成する
こんにちは。 FlutterでAppbarを作成するのはすごく簡単に出来ますが、ページごとに同じ処理を書くのは良くないので再利用可能なAppbarを作成します。 Appbarとは↓こんなものです。 7～9行目を入れたらAppbarが作成できます。 import 'package:flutter/mat...
1