はじめに
NativeScript(NatvieScript-vue) で、非 SSL サイトへのリクエストを許可する方法。
TL;DR
- Android:
AndroidManifest.xmlにusesCleartextTrafficの設定追加 - iOS:
Info.plistにNSAllowsArbitraryLoadsの設定追加 - よりセキュアな方法もあるので、各自の状況や環境に合わせて要設定
NativeScript(NatvieScript-vue) で、非 SSL サイトへのリクエストを許可する方法。
AndroidManifest.xml に usesCleartextTraffic の設定追加Info.plist に NSAllowsArbitraryLoads の設定追加NativeScript(NatvieScript-vue) で JsBarcode を使ってバーコードを 生成/描画 する方法。
通常通りの使い方ではエラーとなるため、少しトリッキーな方法を用いている。
なお、有料で良ければ @proplugins/nativescript-zxing を使うのが早いと思われる。
Object を渡す方法でコードを生成StackLayout を orientation="horizontal" で利用Label で処理backgroundColor で黒塗りつぶしNativeScript(NativeScript-Vue) で履歴をクリアしつつページ遷移する方法。
clearHistory: true を設定するthis.$navigateTo(Page, { clearHistory: true });Vue.js で矢印キーや Enter キーによるキーボード操作が可能なコンテキストメニュー(右クリックメニュー)を表示する方法。
調査/検証 したところ rawilk/vue-context を使うのが一番楽だったので、基本的には vue-context の使い方についてのまとめ。
li.v-context__sub と ul.v-context を使う←, → キーによる階層の移動が可能.v-context li, .v-context li a:hover, .v-context li a:focus あたりで変更Vue.js で入力フォーム フォーカス中に Enter キーで Submit させる方法について整理した。
ほぼ参考サイトの通り。
@keyup.enter を使うと、日本語変換での確定 Enter も対象になる@keypress.enter だと、日本語変換での確定 Enter は発火しないVue.js でキーボード操作で要素間を移動させる方法について整理した。
イメージとしてはツリービューみたいなやつとかを、↑ ↓ → ← キーで移動するような感じ。
tabindex を移動させたい要素に設定@keyup.up.exact, @keyup.down.exact でイベントハンドラを設定tabindex を算出して focusNativeScript(NativeScript-Vue) で ボトムタブバーによるナビゲーションを行う方法。
TabView で実装するBottomNavigation で実装可能NativeScript でアクションバーのカスタマイズについて整理した
NavigationButton で Android 向けに戻るボタンを配置可能ActionItem でシェアボタンや削除ボタンを追加可能visibility で戻るボタンやシェアボタンの表示制御が可能NativeScript で フォトライブラリの 画像や動画 を 参照/選択 する方法。
create() で ImagePicker を生成authorize() で権限要求、present() で選択画面表示、コールバックで選択画像の処理NativeScript で カメラを使って写真を撮影する方法。
requestPermissions() で カメラ/フォトライブラリ の利用権限要求takePicture() で カメラ起動〜撮影