问题标签 [nativescript-telerik-ui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
150 浏览

nativescript - tkListViewHeader 内的 nativescript 'this'(RadListView 标头指令)

我在 nativescript 中使用 Teleriks RadListView 的 TKListViewHeaderDirective,如下所示:

这里似乎有两件事出了问题:

  1. this这里似乎缺少(*ngIf 应该在特定情况下显示 StackLayouts 之一,但不
  2. 列表标题内的 GridLayout(如果我将其更改为 StackLayout 则没有任何效果)仅显示一个子元素

根据文档:http ://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/ListView/header-footer

0 投票
2 回答
1094 浏览

angular - 在 nativescript 中完成键盘后获取 TextField 文本属性

我有一个 TextField 并且想在用户完成输入并想要继续时收听事件。我既不想在用户每次按下任何键时调用一个函数,也不想添加一个提交按钮。键盘提供了一个“完成”按钮,所以为什么不使用它。接下来的唯一问题是如何收听该特定事件。

0 投票
1 回答
180 浏览

android - 使用 JavaScript 在 NativeScript 中自定义 Android 视图

我通过 gogopop 找到了一个名为 CameraKit 的很棒的相机库,我想用该库制作一个 NativeScript 插件,但他们有一个看起来像这样的自定义视图:

你知道如何在 NativeScript 中使用它吗?

0 投票
1 回答
282 浏览

nativescript - NativeScript:第一次调用 getPlatformData 而不提供 projectData

这两天一直在看这个

项目准备成功(android)

从 C:\App\mobile-app\hooks\after-prepare\nativescript-dev-android-snapshot.js 执行后准备挂钩

从 C:\App\mobile-app\hooks\after-prepare\nativescript-dev-sass.js 执行后准备挂钩

在不提供 projectData 的情况下首次调用 getPlatformData。

到目前为止,我已经尝试了以下 -

  • 删除/添加 nativescript-sass

  • 卸载/安装/更新 nativescript

  • 将项目恢复到我知道它肯定可以工作的地步

  • 它还抱怨“+-- UNMET PEER DEPENDENCY nativescript-angular@1.2.0”,所以尝试安装它,但反过来又抱怨“UNMET PEER DEPENDENCY zone.js@^0.6.21”,它也没有安装

  • 肯定是我的设置有问题,我重新安装了所有东西。然后我重置了Windows并安装了所有东西

任何帮助表示赞赏。

谢谢,席德。

0 投票
2 回答
355 浏览

visual-studio-code - 如何在另一个 Visual Studio 代码中运行 nativescript 项目

我使用本机脚本创建了 android 应用程序,并且正在使用 Visual Studio 代码。所以我想使用 Visual Studio 代码在另一台笔记本电脑上运行相同的项目。所以请告诉我如何运行,因为每当我尝试运行项目时,它都无法构建。

这是错误:

E:\NS-APP\sample-ImageUpload-master>tns 运行 android 跳过准备。正在搜索设备...正在构建项目...

配置 > 0/3 项目 > 根项目:配置阶段:createDefaultIncludeFiles +found 插件:nativescript-background-http +found 插件:nativescript-telerik-ui +found 插件:tns-core-modules-widgets

:config 阶段:createPluginsConfigFile 在 E:\NS-APP\sample-ImageUpload-master\platforms\android/configurations 文件夹中创建产品风格 include.gradle 文件...

:config 阶段:pluginExtend +应用配置来自:E:\NS-APP\sample-ImageUpload-master\platforms\android\configurations\include.gradle +应用配置来自:E:\NS-APP\sample-ImageUpload-master\平台\android\configurations\nativescript-background-http\include.gradle +应用配置来自:E:\NS-APP\sample-ImageUpload-master\platforms\android\configurations\nativescript-telerik-ui\include.gradle +applying配置来自:E:\NS-APP\sample-ImageUpload-master\platforms\android\configurations\tns-core-modules-widgets\include.gradle

配置 > 0/3 项目 > 根项目:配置阶段:addAarDependencies +添加依赖:E:\NS-APP\sample-ImageUpload-master\platforms\android\libs\aar\Common-2017.1.222-dev-release.aar +添加依赖:E:\NS-APP\sample-ImageUpload-master\platforms\android\libs\aar\Data-2017.1.222-dev-release.aar +添加依赖:E:\NS-APP\sample-ImageUpload -master\platforms\android\libs\aar\List-2017.1.222-dev-release.aar +添加依赖:E:\NS-APP\sample-ImageUpload-master\platforms\android\libs\aar\Primitives-2017.1 .222-dev-release.aar +添加依赖:E:\NS-APP\sample-ImageUpload-master\platforms\android\libs\aar\widgets-release.aar JavaCompile.setDependencyCacheDir() 方法已被弃用并且是计划在 Gradle 4.0 中删除。任务输入。source(Object) 方法已被弃用,并计划在 Gradle 4.0 中删除。请改用 TaskInputs.file(Object).skipWhenEmpty()。增量java编译是一个孵化特性。Task.leftShift(Closure) 方法已被弃用,并计划在 Gradle 5.0 中删除。请改用 Task.doLast(Action)。在 build_1xv9gqucl7v9i0b8ti7pqf8cd.run(E:\NS-APP\sample-ImageUpload-master\platforms\android\build-tools\android-static-binding-generator\build.gradle:126):preBuild UP-TO-DATE:preF0F1F2DebugBuild UP -TO-DATE:checkF0F1F2DebugManifest:preF0F1F2ReleaseBuild UP-TO-DATE:prepareBackHttpAppRuntimeUnspecifiedLibrary UP-TO-DATE:prepareComAndroidSupportAnimatedVectorDrawable2531Library UP-TO-DATE:prepareComAndroidSupportAppcompatV72531Library UP-TO-DATE:prepareNetGotevUploadservice303Library UP-TO-DATE :preparePrimitives20171222DevReleaseLibrary UP-TO-DATE :prepareWidgetsReleaseLibrary UP-TO-DATE :prepareF0F1F2DebugDependencies :compileF0F1F2DebugAidl UP-TO-DATE :compileF0F1F2DebugRenderscript UP-TO-DATE :generateF0F1F2DebugBuildConfig UP-TO-DATE :cleanLocalAarFiles :ensureMetadataOutDir :collectAllJars : setProperties :generateTypescriptDefinitions SKIPPED :copyTypings SKIPPED :asbg:generateInterfaceNamesList :asbg:traverseJsFiles :asbg:runAstParser UP-TO-DATE :asbg:generateBindings 线程“main” java.io.IOException 中的异常:文件已存在。这可能导致不良行为。请更改其中一个扩展类的名称。E:

FAILURE:构建失败并出现异常。

  • 其中:构建文件 'E:\NS-APP\sample-ImageUpload-master\platforms\android\build-tools\android-static-binding-generator\build.gradle' 行:251

  • 出了什么问题:任务“:asbg:generateBindings”执行失败。

    Process 'command 'C:\Program Files\Java\jdk1.8.0_131\bin\java.exe'' 以非零退出值 1 结束

  • 尝试:使用 --stacktrace 选项运行以获取堆栈跟踪。使用 --info 或 --debug 选项运行以获得更多日志输出。

构建失败

总时间:14.86 秒命令 E:\NS-APP\sample-ImageUpload-master\platforms\android\gradlew.bat 失败,退出代码为 1

运行安卓

┌────────────────────────┬──────────────────────── ────────────────────────────────────────────────── ────────────────┐ │ 用法 │ 概要
│ │ 在所有连接上运行 │ $ tns 运行 android [--key-store-path --key-store-password --key │ │ 设备和运行 │ -store-alias --key-store-alias-password ] [ --release] [--justlaunch] │ │ 模拟器 │<br> │ │ 在选定的设备上运行 │ $ tns run android --device [--key-store-path --key-store │ │ 连接的设备或 │ -密码 --key-store-alias --key-store-alias-password ] [- │ │ 运行模拟器 │ -release] [--justlaunch] │ │ 启动模拟器并 │ $ tns run android --emulator [] [ --key-store-path --key │ │ 运行里面的应用程序 │ -store-password --key-store-alias --key-store-alias-password │ │ ] [--release] [--刚刚启动]
│ └────────────────────────┴──────────────────────── ────────────────────────────────────────────────── ────────────────┘</p>

在已连接的 Android 设备或本机 Android 模拟器(如果已配置)中运行您的项目。这是准备、构建和部署的简写。当您的应用程序正在运行时,在控制台中打印应用程序的输出并监视您的代码中的更改。一旦检测到更改,它将与所有选定的设备同步更改并重新启动/刷新应用程序。

选项

$ tns 列出的模拟器选项的有效组合有助于模拟 android。* --release - 如果设置,则生成发布版本。否则,生成调试版本。设置后,您还必须指定 --key-store-* 选项。* --key-store-path - 指定要用于对 APK 进行代码签名的密钥库文件 (P12) 的文件路径。您可以将 --key-store-* 选项与 --release 一起使用来生成签名的发布版本。您需要指定所有 --key-store-* 选项。* --key-store-password - 为使用 --key-store-path 指定的密钥库文件提供密码。您可以将 --key-store-* 选项与 --release 一起使用来生成签名的发布版本。您需要指定所有 --key-store-* 选项。* --key-store-alias - 为使用 --key-store-path 指定的密钥库文件提供别名。您可以将 --key-store-* 选项与 --release 一起使用来生成签名的发布版本。您需要指定所有 --key-store-* 选项。* --key-store-alias-password - 为使用 --key-store-alias-password 指定的别名提供密码。您可以将 --key-store-* 选项与 --release 一起使用来生成签名的发布版本。您需要指定所有 --key-store-* 选项。* --justlaunch - 如果设置,则不在控制台中打印应用程序输出。* --clean - 如果设置,则强制重建本机应用程序。您可以将 --key-store-* 选项与 --release 一起使用来生成签名的发布版本。您需要指定所有 --key-store-* 选项。* --justlaunch - 如果设置,则不在控制台中打印应用程序输出。* --clean - 如果设置,则强制重建本机应用程序。您可以将 --key-store-* 选项与 --release 一起使用来生成签名的发布版本。您需要指定所有 --key-store-* 选项。* --justlaunch - 如果设置,则不在控制台中打印应用程序输出。* --clean - 如果设置,则强制重建本机应用程序。

属性

发送异常报告(按Ctrl+C停止).....

0 投票
1 回答
97 浏览

android - 正在生成的 include.gradle 文件导致问题

构建项目时出现以下错误:

风味“nativescript-telerik-ui”具有未知维度“nativescript-telerik-ui”。

只有在通过@progress 注册表使用专业版时才会发生这种情况。本地 .tgz 专业版不会发生这种情况。

我注意到该错误与它生成的 include.gradle 文件有关。我阅读了以下文章:https ://docs.nativescript.org/plugins/plugins#includegradle-specification

它说当插件没有 include.gradle 时,在构建时 gradle 会创建一个带有默认元素的默认插件。当我看到它为插件生成的 include.gradle 时,它​​似乎生成了一个默认的,如下所示:

为本地 .tgz 版本的插件生成的 include.gradle 是这样的:

我用后者替换了默认的 include.gradle 并且它克服了错误。您可以按照以下步骤重新创建问题:

  1. 创建一个新的 hello world 应用
  2. npm login --registry=https://registry.npm.telerik.com/ --scope=@progress如果您是付费客户,请使用该命令登录。
  3. 使用命令npm install --save @progress/nativescript-telerik-ui-pro安装插件
  4. 利用tns run android

我能做些什么来解决这个问题吗?在这方面真的需要帮助。

0 投票
2 回答
895 浏览

angular - 如何在 nativescript 中更改侧边抽屉的位置/位置

我正在学习 nativescript。我想更改从右侧打开的应用程序中侧抽屉的方向(现在它从左侧打开)。我该怎么做?

这是我的代码:

app.component.html:

app.component.ts :

app.module.ts:

0 投票
1 回答
303 浏览

angular - Nativescript AutoComplete 不可见

有没有自动完成的最新工作解决方案?我尝试了上述步骤,但屏幕上什么都看不到

感谢您的回答和帮助!

我尝试了这些步骤,但屏幕上没有任何效果或可见...

项目数组:

在组件的 HTML 中:

-问候

0 投票
0 回答
358 浏览

javascript - NativeScript 中的自动完成

我有一个 XML 格式的 SearchBar,我需要使用自动完成功能但没有 Telerik UI Pro 自动完成功能,因为我买不起。我尝试使用 npm nativescript-autocomplete 模块,但它不起作用,它使用 .ts (TypeScript) 和 Angular,但不是纯 js。

我做了一些研究,但什么也没做。我需要 XML 和纯 Javascript,如果您对我有一些建议,我将不胜感激。

如有必要,我可以为我的代码拍照,但它并不是很有趣。

0 投票
1 回答
57 浏览

npm - Telerik 平台 管理 npm 包

嗨,我正在通过 Telerik 平台构建视频流应用程序。我的应用程序结构如下所示:

我的项目应用程序 - package.json - app.js node_modules package.json server.js

我在我的 node_modules 中添加了 firebase 和 bitmovin player 插件。现在 Telerik 平台文档说:添加对 package.json 文件的需求引用。 管理 nom 插件

我不知道需要打开哪个 package.json 文件。有两个文件。项目根目录中的第一个看起来像: { "dependencies": { "tns-core-modules": "2.5.1", "bitmovin-player": "7.2.0-rc6", "firebase": "4.1.2" }, "devDependencies": { "nativescript-dev-android-snapshot": "0.0.6", "@types/firebase": "2.4.31" } }

另一个 package.json 文件位于 app 文件夹中,如下所示: { "name": "tns-template-blank", "main": "app.js", "version": "2.5.0", "author": "Telerik <support@telerik.com>", "description": "Nativescript blank project template", "license": "Apache-2.0", "keywords": [ "telerik", "mobile", "nativescript", "{N}", "tns", "appbuilder", "template" ], "repository": { "url": "https://github.com/NativeScript/NativeScript/commit/30aca890749e9e3fb9bd0f5ddc9de5b6995859bc" } }

app.js 文件看起来像: var application = require('application'), mainModule = 'navigation/navigation'; application.start({ moduleName: mainModule });

我没有得到需要配置哪个 package.json 文件以及在哪里输入模块的 require 引用(如 bitmovin player 和 firebase ),如上图步骤号所示的 Telerik 平台文档中所述。8.

请指导。