NativeScript に関する記事が増えたので、まとめページを作成した。

目次

  1. NativeScript に関する記事
    1. セットアップ〜チュートリアル + α
    2. ページ遷移関連
    3. データの 保存/読み出し
    4. プッシュ通知(Firebase)
    5. カメラ
    6. フォトライブラリ
    7. QR コード/バーコード
    8. 生体認証(FaceID, TouchID, Android 指紋認証)
    9. アイコン/スプラッシュスクリーン
    10. API Request, ファイルアップロード
    11. Application Lifecycle
    12. その他/Tips
    13. UI
      1. スクロール
      2. FontAwesome(アイコンフォント)
      3. ボトムタブバーによるナビゲーション
      4. Android で上下中央寄せ
      5. border
      6. ActionBar
      7. Dark Mode, Dark Theme
      8. iOS Status Bar
      9. アニメーション
      10. Locale ありの DatePicker, TimePicker
      11. Skeleton Screen
    14. デバッグ
    15. ビルド/リリース
  2. NativeScript 参考リンクなど
    1. 公式ドキュメント
    2. サンプル集
    3. プラグイン集
    4. NativeScript + Vue について
    5. NativeScript-Vue
    6. UI 関係
      1. 使用可能なプロパティなど
      2. テーマ
      3. Plum UI Kit
      4. テーマビルダー
      5. レイアウトの練習
      6. Tips
    7. テスト関係
    8. Sidekick
  3. その他

NativeScript に関する記事

セットアップ〜チュートリアル + α

ページ遷移関連

データの 保存/読み出し

プッシュ通知(Firebase)

カメラ

フォトライブラリ

QR コード/バーコード

生体認証(FaceID, TouchID, Android 指紋認証)

アイコン/スプラッシュスクリーン

API Request, ファイルアップロード

Application Lifecycle

その他/Tips

UI

スクロール

FontAwesome(アイコンフォント)

ボトムタブバーによるナビゲーション

Android で上下中央寄せ

border

ActionBar

Dark Mode, Dark Theme

iOS Status Bar

アニメーション

Locale ありの DatePicker, TimePicker

Skeleton Screen

デバッグ

ビルド/リリース


NativeScript 参考リンクなど

公式ドキュメント

サンプル集

プラグイン集

検索しづらい

NativeScript + Vue について

NativeScript-Vue

UI 関係

使用可能なプロパティなど

テーマ

公式で用意されているテーマ

Plum UI Kit

有志によるカスタムテーマ、各種プラグイン利用

テーマビルダー

画面を見ながら配色や文字サイズなどを変更可能

レイアウトの練習

ブラウザ上でレイアウトの練習問題を試せる

Tips

border のショートハンド

以下のような指定が可能

1
2
3
4
Label {
border-color: red green yellow orange;
border-width: 1 2 3 4;
}

テスト関係

Jest を使うサンプル

Sidekick

その他

API Request のサンプル実装時に便利

関連記事