NativeScript, JsBarcode でバーコードを 生成/描画

はじめに

NativeScript(NatvieScript-vue) で JsBarcode を使ってバーコードを 生成/描画 する方法。

通常通りの使い方ではエラーとなるため、少しトリッキーな方法を用いている。

なお、有料で良ければ @proplugins/nativescript-zxing を使うのが早いと思われる。

TL;DR

• JsBarcode の第一引数に Object を渡す方法でコードを生成
• StackLayout を orientation="horizontal" で利用
• 生成コードを1文字ずつ Label で処理
  • 1: backgroundColor で黒塗りつぶし
  • 0: 塗りつぶしなし

続きを読む