标签: nativescript

如何在nativescript中使用typescript?

有人能给我一个详细的步骤如何为nativescript设置typescript环境?

让我们说import fooModule = require('ui/image');在编译时不会给我一个红色下划线和错误.

typescript nativescript

2
推荐指数
1
解决办法
2499
查看次数

如何在Native Script中将border-radius设置为按钮?

我有一个按钮:

<Button text="TodoSomething" cssClass="button" tap="signIn"/>
Run Code Online (Sandbox Code Playgroud)

platform.android.css

.button{
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;}
Run Code Online (Sandbox Code Playgroud)

但是border-radius不起作用.在支持的属性写入本机脚本支持border-radius

xml android ios nativescript

2
推荐指数
1
解决办法
3530
查看次数

在原生iOS/Android应用程序上嵌入NativeScript

我必须开发适用于iOS和Android的应用程序,它必须能够在现有应用程序中运行嵌入式应用程序.我通常会使用Cordova进行此操作,因为它可以处理多个平台,并且可以通过创建Cordova WebView轻松嵌入现有应用程序中.

由于这个应用程序正在大量使用动画,我一直在玩NativeScript,以避免在WebView上运行这种UI的糟糕性能.

问题是,在本机应用程序中嵌入NativeScript应用程序似乎并不简单.我找到了这个https://groups.google.com/forum/m/#!msg/nativescript/4kDFcX6gtxA/vdjruLLVBQAJ这仍然是真的吗?有关如何实现这一目标的任何建议或想法?

nativescript angular2-nativescript

2
推荐指数
1
解决办法
319
查看次数

NativeScript-从Nativescript应用程序启动另一个应用程序

在NativeScript中,是否可以从Nativescript应用程序中启动另一个应用程序?

假设我在一个应用程序中有一个按钮,当按下该按钮时,它会启动Waze导航应用程序并带有坐标到某个位置。

NativeScript有可能吗?

谢谢。

nativescript

2
推荐指数
1
解决办法
1336
查看次数

如何在iOS上调用NativeScript中的NSLog

在仅有100x宽的终端的笔记本电脑上编程Nativescript看起来像这样:

https://s3.postimg.org/arqwz0utv/Screen_Shot_2016_08_16_at_11_29_39_PM.png

我不了解你,但我甚至看不到我从我的应用程序中记录的内容......

这是console.log我想要创建的模块的计划:

  • 根据颜色log,info,warn,error的选项,以帮助色盲(我)
  • 可根据每个用户的偏好自定义选项
  • 整理终端以实际了解从应用程序记录的内容

到目前为止我尝试过的:

  • tns-core-module console- 尝试了很多不同的东西; 甚至无法弄清楚iOS如何登录终端
  • tns-core-module trace- 尝试调用trace.write但不成功
  • 尝试Swift printprintln

在我尝试创建清理器时console.log,如何NSLog 在Nativescript应用程序内部调用?

我在调用android.util.Log.vAndroid时没有问题,因此该部分全部设置完毕.

debugging objective-c ios swift nativescript

2
推荐指数
1
解决办法
331
查看次数

list-picker的NativeScript语法是什么?

我无法找到NS + JS的列表选择器的工作示例,文档中的示例没有XML示例.有人可以帮忙吗?

nativescript

2
推荐指数
1
解决办法
1235
查看次数

如何更改NativeScript标签的文本

我是NativeScript的新手,我需要能够更改标签的文本.我很困惑如何做到这一点并需要帮助.我怎样才能做到这一点?提前致谢!

user-interface label nativescript

2
推荐指数
1
解决办法
3072
查看次数

使用ngFor迭代项目数组以创建NativeScript GridLayout

我正在尝试遵循本教程:

http://www.blog.bdauria.com/?p=820

并且对本节有疑问:

<GridLayout #boardGrid
[columns]="boardSideSpecification"
[rows]="boardSideSpecification">
<template ngFor let-item [ngForOf]="board.squares">
  <StackLayout 
    [col]="item.yPosition" 
    [row]="item.xPosition"
    [class]="classOf(item)">
  </StackLayout>
</template>
Run Code Online (Sandbox Code Playgroud)

问题在于ngFor吐出了第一项,但不会在数组中进一步迭代。所以我最终得到:

ngFor的图像仅提供第一项

以及带有标签生成该代码的实际代码:

<GridLayout #boardGrid
            [columns]="boardSideSpecification"
            [rows]="boardSideSpecification">
    <template ngFor let-item [ngForOf]="board.squares">
        <StackLayout
                [col]="item.yPosition"
                [row]="item.xPosition"
                [class]="classOf(item)">
            <Label text="{{item.xPosition}}, {{item.yPosition}}"></Label>
        </StackLayout>
    </template>
</GridLayout>
Run Code Online (Sandbox Code Playgroud)

为了找到合理的解决方案,我已经两天没碰壁了。已经看过了,甚至以编程方式创建了GridLayout,但是一切都带有它自己的特殊问题。

如果有人对如何进行这项工作有任何信息,我将不胜感激。

谢谢!

PS:我想我应该提到我已经检查了其余代码的有效性。我正在获取我期望的项目,等等。除了该迭代器之外,其他所有功能都可以使用。

nativescript angular2-nativescript angular

2
推荐指数
1
解决办法
1140
查看次数

如何使用Angular2在Nativescript中获取图像坐标

我有一个图像要显示在我的nativescript(使用Angular2)应用程序中,在此我想使图像的不同部分可点击。例如,一个人体图像,我只想知道用户单击了哪个部分。

有没有办法像html一样创建图像映射???

<CardView height="450" width="350" marginTop="10">
    <Image src="res://nerves" height="304" width="114" horizontalAlignment="center" verticalAlignment="center"></Image>
</CardView>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

nativescript angular2-nativescript nativescript-angular

2
推荐指数
1
解决办法
465
查看次数

如何获取被轻击的列表项的上下文以在Nativescript的另一页中显示详细信息

我正在尝试创建一个列表视图,以显示硬编码数组列表中的数据及其工作情况,但是我需要使用户能够单击任何项​​目以在另一页中显示该项目的详细信息,我该怎么做?我试图为细节创建另一个数组,并使bindingContext及其工作正常,但在转换为细节页面时没有数据显示,如您在此处看到的

那就是我的代码:

main-view-model.js:

var Observable = require("data/observable").Observable;

function RegisterViewModel() {
    var viewModel = new Observable();
    viewModel.shows = [
        {name:"Reg1"},
        {name:"Reg2"},
        {name:"Reg3"},
        {name:"Reg4"},
        {name:"Reg5"},


    ];

    return viewModel;

}

exports.RegisterViewModel = RegisterViewModel;
Run Code Online (Sandbox Code Playgroud)

main-page.js:

var RegisterViewModel = require("./main-view-model").RegisterViewModel;
var frameModule = require('ui/frame'); 


var viewModel = new RegisterViewModel();
function RegisterViewModel(args) {
var page = args.object;
page.bindingContext = RegisterViewModel();
}

exports.getInfo = function (args) {
     var navigationEntry = { 
     moduleName: "RegisterDetails",
     context: {info:args.view.bindingContext}
      }
      frameModule.topmost().navigate(navigationEntry);
    }

exports.loaded = function(args){
    args.object.bindingContext = viewModel;
}


exports.RegisterViewModel = …
Run Code Online (Sandbox Code Playgroud)

javascript data-binding android listview nativescript

2
推荐指数
1
解决办法
792
查看次数