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"> |
Cordova iOS アプリでカメラ(apache/cordova-plugin-camera)のテキストを変更する方法。
デフォルトだと撮影後のボタンが「Retake」や「Use」(Use Photo だったかも)とかになっている。
config.xml に CFBundleDevelopmentRegion を ja_JP に設定する内容を追加Cordova iOS アプリで Deprecated となっている UIWebView から WKWebView へと移行する方法。
cordova plugin add cordova-plugin-wkwebview-engine でプラグイン追加config.xml を編集NativeScript(NativeScript-Vue) でアニメーションの利用方法。
NativeScript(NativeScript-Vue) で iOS の Status Bar の情報(時刻、電池量など)が表示されない場合の対応方法。
app/App_Resources/iOS/Info.plist で UIViewControllerBasedStatusBarAppearance を false に設定NativeScript(NativeScript-Vue)で Dark Mode(iOS), Dark Theme(Android) に対応する方法。
forceDarkAllowed で Dark Theme のサポート有無を設定UIUserInterfaceStyle で Dark Mode を非サポートに設定可能(デフォルトで影響を受ける).ns-dark, Light だと .ns-light が root-view に適用される@nativescript/theme を使って Theme.setMode(Theme.Light) で強制変更もできるNativeScript(NativeScript-Vue) の Application Lifecycle について。
アプリの起動や終了、バックグラウンドへの移動などを検出して処理させることができる。
application.on(<event>, <handler>) でイベント検出・ハンドラの設定new Vue().$start() を実行していれば application.run は実行不要NativeScript-Vue でページ読み込み後にページ移動やダイアログの表示をする方法。
アプリ起動直後のページ(xxxx.vue) 内の created や mounted で、$navigateTo や $showModal を使っても期待通りに動作しない場合の対応方法。
<Page @loaded="onLoaded"> のように NativeScript 側の loaded イベントを使う$showModal)は loaded + setTimeout で対応NativeScript(NativeScript-Vue) で ActionBar/ActionItem に FontAwesome などのアイコンフォントを使用する方法。
ActionBar:title プロパティは使わないXxxxLayout と Label 定義ActionItem:ios.systemIcon, android.systemIcon は使わないLabel で定義
