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. border
      5. ActionBar
      6. Dark Mode, Dark Theme
      7. iOS Status Bar
      8. アニメーション
    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(アイコンフォント)

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

border

ActionBar

Dark Mode, Dark Theme

iOS Status Bar

アニメーション

デバッグ

ビルド/リリース


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 のサンプル実装時に便利

関連記事