はじめに
NativeScript で Skeleton Screen を表示する方法。
TL;DR
- CSS で Skeleton Screen のアニメーションを作成
- Skeleton Screen を表示したい箇所に↑のクラスを適用
- 実レイアウトにあわせて
width,height,border-radiusなどを調整 - 本物のコンテンツを表示する際に Skeleton Screen は非表示にする
NativeScript で Skeleton Screen を表示する方法。
width, height, border-radius などを調整NativeScript(NativeScript-Vue) Android で文字を上下中央寄せにする方法
Label に loaded ハンドラを設定args.object.android.setGravity(17) を実行17 は Gravity.CENTER の値NativeScript(NativeScript-Vue) で次入力欄にフォーカスする方法を整理した。
returnPress イベントにハンドラを設定getViewById と TextField.forcus() を使って次フィールドにフォーカスTextField の returnKeyType="next" は iOS では動作しないNativeScript(NativeScript-Vue) で NativeScript/nativescript-datetimepicker を使って、Locale を意識した DatePicker/TimePicker
tns plugin add nativescript-datetimepicker でインストールVue.use(DateTimePicker) で準備<DatePickerField locale="ja_JP" /> で日本向けの日付選択Cordova iOS アプリで、ダークモード設定時にステータスバーの時刻やら電波マークやらが背景色と同化して見えなくなる場合の対処方法。
config.xml に以下を追加1 | <config-file parent="UIUserInterfaceStyle" platform="ios" target="*-Info.plist"> |
PHP で moneyphp/money を使って浮動小数点数の誤差を考慮した金額を計算する方法。
composer require moneyphp/money でインストールMoney::JPY(3000) でインスタンス生成multiply(1.1, Money::ROUND_UP) で丸めモードを指定して乗算getAmount() で計算結果の取得String なので必要に応じて (int) などでキャストCordova で Android アプリエミュレータ起動時に PANIC: Missing emulator engine program for 'x86' CPU. となる場合の対処方法。
1 | $ cordova emulate android |
cordova emulate android --target="TARGET DEVICE"JavaScript で yukik/koyomi を使って和暦を算出する方法を整理した。
npm i yukik/koyomi で GitHub からインストールnpm i koyomi だと「令和」未対応koyomi.format(2020-04-01 09:00:00, 'GGN年') で 令和2年 が返却Intl.DateTimeFormat や toLocaleString でも取得可能
Cordova iOS アプリでカメラ(apache/cordova-plugin-camera)のテキストを変更する方法。
デフォルトだと撮影後のボタンが「Retake」や「Use」(Use Photo だったかも)とかになっている。
config.xml に CFBundleDevelopmentRegion を ja_JP に設定する内容を追加