はじめに

NativeScript(NativeScript-Vue) で次入力欄にフォーカスする方法を整理した。

TL;DR

続きを読む

はじめに

NativeScript(NativeScript-Vue) で NativeScript/nativescript-datetimepicker を使って、Locale を意識した DatePicker/TimePicker

TL;DR

  • tns plugin add nativescript-datetimepicker でインストール
  • NativeScript-Vue は Vue.use(DateTimePicker) で準備
  • <DatePickerField locale="ja_JP" /> で日本向けの日付選択
  • その他プロパティは Features を参照
続きを読む

はじめに

Cordova で Android アプリエミュレータ起動時に PANIC: Missing emulator engine program for 'x86' CPU. となる場合の対処方法。

1
2
3
4
$ cordova emulate android
...
Waiting for emulator to start...
PANIC: Missing emulator engine program for 'x86' CPU.

TL;DR

  • cordova-android が未サポートの API level を指定したエミュレータを起動しようとしていることが原因
  • Android Studio で cordova-android がサポートしている API level のエミュレータを作成
    • 2020/06/04 時点では API level 27(Android 8.1) がサポート範囲内での最新
  • デバイス指定でエミュレータ起動: cordova emulate android --target="TARGET DEVICE"
続きを読む

はじめに

NativeScript(NativeScript-Vue) でアニメーションの利用方法。

TL;DR

続きを読む

はじめに

NativeScript(NativeScript-Vue)で Dark Mode(iOS), Dark Theme(Android) に対応する方法。

TL;DR

  • Android: forceDarkAllowed で Dark Theme のサポート有無を設定
  • iOS: UIUserInterfaceStyle で Dark Mode を非サポートに設定可能(デフォルトで影響を受ける)
  • Dark Mode/Theme だと .ns-dark, Light だと .ns-lightroot-view に適用される
  • @nativescript/theme を使って Theme.setMode(Theme.Light) で強制変更もできる
続きを読む

はじめに

NativeScript(NativeScript-Vue) の Application Lifecycle について。

アプリの起動や終了、バックグラウンドへの移動などを検出して処理させることができる。

TL;DR

続きを読む

はじめに

NativeScript-Vue でページ読み込み後にページ移動やダイアログの表示をする方法。

アプリ起動直後のページ(xxxx.vue) 内の createdmounted で、$navigateTo$showModal を使っても期待通りに動作しない場合の対応方法。

TL;DR

続きを読む

はじめに

NativeScript(NativeScript-Vue) で ActionBar/ActionItemFontAwesome などのアイコンフォントを使用する方法。

TL;DR

  • ActionBar:
    • title プロパティは使わない
    • 下層に XxxxLayoutLabel 定義
  • ActionItem:
    • ios.systemIcon, android.systemIcon は使わない
    • 下層に Label で定義
続きを読む

r17n


Softwear Engineer


Fukuoka