标签: nativescript

NativeScript中的自定义对话框

我正在学习NativeScript.作为这项工作的一部分,我正在尝试创建一个向用户显示对话框的页面.当用户单击按钮时,我需要向他们显示一个对话框,允许他们输入两个值(名字和姓氏).

NativeScript中的对话框模块提供了几个内置选项.但是,据我所知,这些选项都不允许您创建一个显示两个字段的对话框.如何在NativeScript中创建一个对话框,允许我提示用户输入名字和姓氏?目前,我的页面如下所示:

page.xml

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
  <GridLayout rows="auto, *">
      <Border borderWidth="1" borderColor="#000" width="28" height="28" cornerRadius="14" tap="addPersonButton_Tap">
        <Label text="add person" />
      </Border>      
  </GridLayout>
</Page>
Run Code Online (Sandbox Code Playgroud)

page.js

var viewModel = new MyPageViewModel();
function pageLoaded(args) {
    var page = args.object;
    page.bindingContext = viewModel;        
}
exports.pageLoaded = pageLoaded;

function addPersonButton_Tap(args) {
    console.log('new person');
    /*
     * Dialog open code goes here. Yet, the following definitaly is not correct.
    dialogs.prompt({
        title: "Add New Person",
        message: "First Name",
        okButtonText: "Save",
        cancelButtonText: "Cancel",
        inputType: dialogs.inputType.text …
Run Code Online (Sandbox Code Playgroud)

javascript nativescript

7
推荐指数
1
解决办法
7209
查看次数

在NativeScript上获取本地json文件

如何获取本地大json数据?

我试过这个,但我没有成功:

var sa = require("./shared/resources/sa.json");
var array = new observableArrayModule.ObservableArray(sa);
Run Code Online (Sandbox Code Playgroud)

json nativescript

7
推荐指数
3
解决办法
5562
查看次数

在 nativescript 中将元素定位在绝对布局的中心

我有一个来自 api 的对象列表,我在 ListView 中显示。对于列表中的每个项目,我正在渲染一个绝对布局。如果该项目有照片,我会将其显示为完全拉伸,以便它在列表中显示为该项目的背景图像。然后我渲染带有项目名称的按钮,我想在图像的中心渲染它。我浏览了文档,但找不到方法。

<ListView [items]="List">
  <StackLayout>
    <template let-item="item">
      <AbsoluteLayout  class="list-item">
        <Image src="{{item.photo}}" *ngIf="item.photo" stretch="fill">  </Image>
        <Button [text]="item.name" (tap)="onItemTap(item)"></Button>
      </AbsoluteLayout>
    </template>
  </StackLayout>    
</ListView>
Run Code Online (Sandbox Code Playgroud)

nativescript

7
推荐指数
1
解决办法
4134
查看次数

类'Subject <T>'错误地扩展了基类'Observable <T> Nativescript导航抽屉错误

#这是我现在面临的错误:

我使用npm(https://github.com/shripalsoni04/nativescript-angular-drawer-template)下载了导航抽屉样本.但它会出现以下错误.

dhrn@dhrn-Inspiron-5548:~/NativeApp/Supervisor$ tns run android

Searching for devices...
iTunes is not available for this operating system. You will not be able to work with connected iOS devices.
Executing before-prepare hook from /home/dhrn/NativeApp/Supervisor/hooks/before-prepare/nativescript-dev-typescript.js
Found peer TypeScript 2.4.1
node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'.
  Types of property 'lift' are incompatible.
    Type '<R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, R>) => Observable<R>'.
      Type 'Observable<T>' is not assignable to type 'Observable<R>'.
        Type …
Run Code Online (Sandbox Code Playgroud)

typescript nativescript angular2-nativescript nativescript-telerik-ui

7
推荐指数
1
解决办法
1万
查看次数

如何在NativeScript的Absolute Layout底部定位元素?

我想在NativeScript的Absolute Layout中将元素放在屏幕的底部.

我有这个代码:

<AbsoluteLayout>
    <maps:mapView 
        left="0"
        top="0"
        width="100%"
        height="100%"
        latitude="{{ map.latitude }}" 
        longitude="{{ map.longitude }}" 
        zoom="{{ map.zoom }}"
        padding="{{ map.padding }}"  
        mapReady="onMapReady"
        coordinateTapped="onCoordinateTapped"
        markerSelect="onMarkerSelect"
        shapeSelect="onShapeSelect"
        cameraChanged="onMapCameraChanged"/>

    <ScrollView
        left="0"
        top="0"
        width="100%"
        orientation="horizontal">
        <!-- More XML -->
    </ScrollView>

    <StackLayout
        left="0"
        bottom="0"
        width="100%"
        visibility="visible"
        orientation="horizontal"
        style="background-color: red;">

        <Label text="TITLE"></Label>

    </StackLayout>
</AbsoluteLayout>
Run Code Online (Sandbox Code Playgroud)

我发现AbsoluteLayout没有底层属性......这是我想要创建的图片:

在此输入图像描述

那么如何排列图片中的项目,特别是底部的项目?

编辑:我应该注意,这个底部矩形的尺寸可能不一定相同....

nativescript

7
推荐指数
2
解决办法
7957
查看次数

使用Visual Studio Emulator运行的Nativescript项目

我有一个Nativescript应用程序,我正在使用VS Code进行开发,当我尝试使用Nativescript扩展的Nativescript启动配置运行它时没有问题,当我使用连接USB的真实设备或当我使用其中一个android-sdk模拟器.

现在我需要在机器上运行Hyper-V,并且当虚拟机管理程序打开时,这些模拟器无法运行.所以我下载并安装了Visual Studio Android Emulator,它在我手动启动时运行正常.

问题是nativescript项目无法使用tns设备或adb设备命令识别此设备,如果我尝试从VS Code启动应用程序,它会尝试启动其他模拟器之一,这显然会因管理程序/ Intel而失败Haax不兼容.

你们之前有没有遇到过这个问题并且有任何可以分享的解决方案吗?

谢谢.

android-emulator nativescript visual-studio-code visual-studio-emulator

7
推荐指数
1
解决办法
2224
查看次数

有没有办法在不关闭当前会话的情况下“刷新”终端/iTerm?

我刚刚在 iTerm2 中更新了我的 xcode 命令行工具,似乎我需要重新启动 iTerm 才能使其工作,因为当我尝试使用

tns build ios
Run Code Online (Sandbox Code Playgroud)

命令为 iOS 构建我的 nativescript 项目,它总是回显

xcodebuild execution failed. Make sure that you have latest Xcode and tools installed.
Run Code Online (Sandbox Code Playgroud)

这不应该是真的。但是,我有一个当前正在运行的会话将一个巨大的文件上传到我的云驱动器,该文件花了 7 个小时才上传了 37%,并且它不支持从断点恢复上传。

那么,有没有办法在不关闭活动会话的情况下刷新终端?

谢谢你们

terminal iterm nativescript

7
推荐指数
1
解决办法
7536
查看次数

如何使用vue获取nativescript中的元素?

我想id='item'在创建图像元素。

我似乎在Google上找不到任何东西。互联网上的大多数教程都使用Typescript,并且始终以page=args.object

export function pageLoaded(args) {
    page = args.object;
    item = page.getViewById("item");
}
Run Code Online (Sandbox Code Playgroud)

vue.js nativescript

7
推荐指数
2
解决办法
2912
查看次数

如何更新 nativescript cli

Nativescript 5 已发布,我正在尝试更新 tns 版本。目前它 tns --version 显示为 4.3.2。

我遵循了https://docs.nativescript.org/releases/upgrade-instructions 中的所有步骤,但它仍然给了我 4.3.2 的版本。

如何升级 nativescript-cli 以便 tns --version 显示最新版本。

nativescript npm-install nativescript-cli

7
推荐指数
1
解决办法
6070
查看次数

代码签名错误 - 验证 CODE_SIGN_ENTITLEMENTS 的值

如果我尝试使用来自 sidekick 的云服务编译 IOS-Nativescript-App,我会收到此错误:

(CLI) 代码签名错误:无法打开文件 \"/tmp/builds/_/27e1345b5c089d99eb18995c590617489875f779/5.0.0/5.0.0/APPNAME/platforms/ios/APPNAME\APPNAME.entitlements\"。验证目标 \"APPNAME\" 和构建配置 \"Debug\" 的 CODE_SIGN_ENTITLEMENTS 构建设置的值是否正确,以及该文件是否存在于磁盘上。

[xcode-build] 代码签名错误:SDK“iOS 11.4”中的产品类型“应用程序”需要代码签名

我在 Windows 系统上使用 nativescript - 所以我没有在本地运行 xcode ......

我的 APPName.entitlement-File 如下所示:

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
    <plist version="1.0">
    <dict>
        <key>aps-environment</key>
        <string>development</string>
    </dict>
Run Code Online (Sandbox Code Playgroud)

你的解决方案是什么?:-)

xcode entitlements ios code-signing-entitlements nativescript

7
推荐指数
3
解决办法
1万
查看次数