はじめに
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
に設定する内容を追加