两位数字未在nativescript标签中显示

Posted 2021-04-01

我的UI出现了奇怪的问题。我的手机中有条形码扫描器，所以我正在扫描条形码并将其存储到可观察的阵列中（这样工作正常）。我也有一个标签，我显示数组的长度。每次添加新项目时，标签文本都会根据数组的长度而变化，但一旦长度增加到10，它就会停止在UI中显示。

XML

      <Label length="4" text="{{ qty }}" />

使用javascript

      var qty = dockReceive.wayBills.length
      dockReceive.set("qty",qty);

model类dockReceive

var observableModule = require("data/observable");
var observableArrayModule = require("data/observable-array");

function DockReceive(info) {
 info = info || {};
console.log("in dock receive");

var viewModel = new observableModule.fromObject({

 wayBills: info.wayBills || new observableArrayModule.ObservableArray(),
 qty: info.qty || 00,
  }); 
  return viewModel;
  }
   module.exports = DockReceive;

请帮我找出解决这个奇怪问题的方法。

答案

奇怪，但这是我的解决方案。我添加了标签的宽度属性

       <StackLayout orientation="horizontal" row="3" column="0" id="wbcount" visibility="hidden">
       <Label text="Received Waybill(s) :  " width="55%" /><Label text="{{rwbqty}}" width="40%" />
       </StackLayout>