Flutter– category –

【TextScalerとは？】 TextScalerは端末の設定で変更した文字の大きさをアプリ内にも反映させる機能です。 端末の設定で文字を大きくしたり小さくしたりすると、アプリ内の文字サイズも変わるため、レイアウトが崩れてしまう場合があります。 Flutterでは...

SharedPreferencesに保存できる型は限定的なので、enumの値を保存するには型を変換して保存する必要があります。 このページではint型を使う方法とString型を使う方法を紹介します。 【】 import 'package:shared_preferences/shared_preferences.dart...

原因はわからないのですが、突然iOSのシミュレーターを起動しようとすると「Unable to boot the Simulator」とエラーがでました。 【対処法：Xcodeのキャッシュを削除】 Xcodeのキャッシュを削除することで、なんとか復旧できたので、その手順を紹介します...

flutter_local_notificatiosパッケージを使う際のiOS、Androidの設定（アイコンやら音声やら）で少し手こずったので、メモとして残しておきます。 【iOS編】 基本設定 AppDelegate.swift に以下を追加。 場所は GeneratedPluginRegistrant.regis...

【TextFieldの右寄せ方法】 TextFieldのテキストを右に寄せるには、textAlignプロパティを使います。 TextField( textAlign: TextAlign.end, // TextAlign.rightもok ) textAlignプロパティにTextAlign.endまたはTextAlign.rightを指定することで、テキス...

ゲームにジョイスティックを追加するにはJoystickComponentを使います。 このページでは簡単な例として、円をジョイスティックで動かせるようにします。 【円を描写する】 円の描写方法は以前に以下の記事で解説していますので、説明は割愛します。 コード...

アプリ全体の背景色や主要な色などを決める際に、ThemeDataを使うと便利です。 これを使うことで、わざわざ個別のWidgetに色を設定する必要がなくなるので、色を変更したい場合は一括で変更できますし、アプリ全体を統一感のあるデザインにすることができ...

ゲーム内に円を描写するにはCircleComponentを使います。 四角形を表示する時に使うRectangleComponentと使い方は似ています。 【円を描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import '...

ゲーム内に四角形を描写するにはRectangleComponentを使います。 【四角形を描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { fin...

このページではFlmaeを使って、ドラッグ操作でキャラクターを移動させる方法を紹介します。 【ゲーム画面を作成】 まずは簡単なゲーム画面とプレイヤーを作成します。 プレイヤーは簡易的なものとして、キューブを用意しました。 import 'package:flam...

ゲーム内にテキストを描写するにはTextComponentを使います。 【テキストを描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { fina...

以前、運営しているアプリでDarwerを開いたときにAdmob広告の上に重なっているからという理由でポリシー違反になったことがあります。 ●イメージ その時は、Drawerを開いたときは広告を非表示にすることで対応しました。 今後もこのような対応が必要になる...