はじめに

NativeScript で Skeleton Screen を表示する方法。

TL;DR

  • CSS で Skeleton Screen のアニメーションを作成
  • Skeleton Screen を表示したい箇所に↑のクラスを適用
  • 実レイアウトにあわせて width, height, border-radius などを調整
  • 本物のコンテンツを表示する際に Skeleton Screen は非表示にする
続きを読む

はじめに

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 を参照
続きを読む

はじめに

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

TL;DR

続きを読む

はじめに

NativeScript(NativeScript-Vue) で iOS の Status Bar の情報(時刻、電池量など)が表示されない場合の対応方法。

TL;DR

  • app/App_Resources/iOS/Info.plistUIViewControllerBasedStatusBarAppearancefalse に設定
続きを読む

はじめに

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

続きを読む

r17n


Softwear Engineer


Fukuoka