Question

我正在尝试向其中一个演示应用程序添加滑块。我通过添加

向home-fragment.xml添加了一个滑块

<Slider value="{{ slider }}" horizontalAlignment="center" width="80%"/>

现在我希望能够从我的viewmodel编辑和读取此滑块中的数据。根据{{3}}我需要导入滑块然后创建它。我的代码现在看起来像这样：

import { Slider } from "tns-core-modules/ui/slider";

const observableModule = require("data/observable");
const slider = new Slider();

function HomeViewModel() {
    const viewModel = observableModule.fromObject({

    });
    slider.value = 0;

    return viewModel;
}

module.exports = HomeViewModel;

Visual Studio Code没有显示任何错误，但是一旦我启动应用程序，我就会收到以下错误：

An uncaught Exception occurred on "main" thread.
java.lang.RuntimeException: Unable to start activity ComponentInfo{org.nativescript.app/com.tns.NativeScriptActivity}: com.tns.NativeScriptException: 
Calling js method onCreate failed

Error: Building UI from XML. @file:///app/tabs/tabs-page.xml:30:13
 > Unexpected token import
File: "file:///data/data/org.nativescript.app/files/app/tns_modules/tns-core-modules/ui/builder/builder.js, line: 208, column: 20

我是Nativescript的新手，可能在架构或设置方面犯了一个错误。有人可以通过告诉我出了什么问题以及如何解决它来帮助我吗？

Answer 1

这可能是一些事情，但有一件事是肯定的：您不需要导入Slider组件来设置其值。您只需绑定到属性（slider = 20;）。

开始使用NativeScript以及了解这些UI小部件如何工作的最简单方法是使用Playground。我用Slider创建了一个小项目，让你展示它是如何在＆＃34; plain＆＃34; TypeScript的NativeScript：https://play.nativescript.org/?template=play-tsc&id=I7SGei

添加滑块到演示应用程序

1 个答案: