JavaScript Nativescript：使ListView高度等于行的总高度 上下文

我有一个

listView

元素，它通过外部源拉入它的元素。因此，我不能确定会有多少行

因此，我将

listView

属性

height

设置为绑定变量，将属性

rowHeight

设置为常量

但是，如果我将

行高

乘以列表项的数量，则

列表视图

的高度总是太高，留下空白

代码

page.xml

输出图像

问题: 正如您所看到的，

listView

元素比内部元素高出几个像素，尽管

rowHeight

被设置为35，并且

listView

height

属性被设置为35 x

listView

元素数组长度

我试过：

• 将乘法设置为一次性（例如34/36）
• 将乘法设置为半个值（例如34.5、35.5）
• 多值混合匹配
• 删除列表项上的所有填充和边距（现在唯一的CSS是字体样式和

  垂直对齐：中间

---

这可能吗？

我在想两个可能的原因

• 在NativeScript中使用DP（也称为设备独立像素）是通过计算当前设备的实际像素和实际设备密度来实现的。当使用硬编码值时，这可能会导致不同的结果，因为不同设备的密度不同，这些计算可能需要一些舍入

• 分离器宽度（约1dp或更小）

使用您的代码库，此解决方案在API19上是完美的，在API23中约为半像素（每个像素）

不过，您可以检查当前设备屏幕比例和尺寸，并使用平台模块对每个设备进行更好的计算

import { screen, ScreenMetrics } from "platform";
var mainScreen = screen.mainScreen;
console.log(mainScreen.heightDIPs);
console.log(mainScreen.heightPixels);
console.log(mainScreen.scale);
console.log(mainScreen.widthDIPs);
console.log(mainScreen.widthPixels);

//When setting page variables; e is the retrieved object;
//e.allowedSelections is an array
pageData.set("userAllowedSelections", (e.allowedSelections));
pageData.set("userSelectionHeight", (e.allowedSelections.length * 35));

var size = (e.allowedSelections.length * 35) + (e.allowedSelections.length * 0.9);
pageData.set("userSelectionHeight", size);

import { screen, ScreenMetrics } from "platform";
var mainScreen = screen.mainScreen;
console.log(mainScreen.heightDIPs);
console.log(mainScreen.heightPixels);
console.log(mainScreen.scale);
console.log(mainScreen.widthDIPs);
console.log(mainScreen.widthPixels);