1

在标签和按钮组件上使用点击事件在性能上存在一些差异。让我们以这个 nativescript hello world 应用程序为例

https://github.com/NativeScript/template-hello-world

尤其是这段代码

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
  <StackLayout>
    <Label text="Tap the button" class="title"/>
    <Button text="TAP" tap="{{ onTap }}" />
    <Label text="{{ message }}" class="message" textWrap="true"/>
  </StackLayout>
</Page>

当我在按钮上快速点击时，UI 会顺利更新，但是当我使用 Label 更改 Button 组件并尝试快速点击时，更新 UI 会出现一些延迟，或者某些点击未处理且消息属性未处理正确更新。

我正在使用 android (5.0) genymotion 和真实设备 (Android 6)

原生脚本：2.2

“问题”也出现在 nativescript angular2 中。

4

1 回答 1

1

您可以将点击事件赋予包含标签的布局容器以增加最大可触摸区域。

<StackLayout (tap)="yourFunction()">
<Label text = "click event"></Label>
</StackLayout>
于 2017-02-15T14:28:48.713 回答