标签: nativescript

我正在尝试将 Ionicons 与 Android 和 NativeScript 一起使用。我已经包含了该ionicon.ttf文件和我的集合font-family: "Ionicons"。它可以在 iOS 上运行，但不能在 Android 上运行。

有人可以帮助我理解 Nativescript 中使用的网格布局，特别是 GridLayout 吗？auto 后面的（星号）实际上是什么意思？

<GridLayout rows="*, auto">

然后我遇到了这个更令人困惑的例子：

<GridLayout rows="*, auto, auto, auto, 2*">

我发现 Nativescript 的文档不太清楚。

我正在尝试在 mac os high Sierra 上为 nativescript 设置开发环境。

我安装了所有需要的工具（其中包含android sdk，jdk）。并使用 .bash_profile、.bash_rc 为它们添加了路径（ANDROID_HOME、JAVA_HOME）。

如果 tns doctor 检查环境变量是否已设置 - 一切都很好。

但是当我运行 sudo tns doctor 时，它显示 ANDROID_HOME 和 JAVA_HOME 并且没有配置。我认为这可能更多是 mac 问题而不是 nativescript 问题。

有任何想法吗？

任何人都可以帮忙吗？

我有这个一页应用程序来显示问题：

如果您修改一个字段，然后按顶部的“保存”，则更改的字段不会显示在控制台上...

<template>
    <Page>
        <ActionBar>
            <Label text="SAVE" @tap="saveScreen()" />
        </ActionBar>
        <StackLayout>
            <RadDataForm :source="person"/>
        </StackLayout>
  </Page>
</template>

<script>
export default {
    data () {
        return {
            person: {
                name: 'John',
                age: 23,
                email: 'john@company.com',
                city: 'New York',
                street: '5th Avenue',
                streetNumber: 11,
            },
        };
    },
    methods: {
        saveScreen() {
            console.log('=======personName: ' + JSON.stringify(this.person))
        }
    }
}
</script>
<style>
</style>

我意识到这几乎是一个基本问题，我在互联网上搜索了答案，但找不到...

在此先感谢您的帮助。问候，汉斯

我注意到 NO_ERRORS_SCHEMA 经常被 NativeScript 模块使用，无论是在 NativeScript-schematics 中，还是在 NativeScript 与 Angular 的示例中。不过我只是想知道为什么会这样？

我想对此有一个很好的解释，我只是还不太喜欢 NativeScript。通常我会说应该避免使用 NO_ERRORS_SCHEMA 因为它会让你的调试变得更加困难，所以我很好奇为什么到处都使用它。

例子：

https://docs.nativescript.org/performance-optimizations/lazy-loading

https://github.com/NativeScript/nativescript-schematics/blob/master/src/generate/module/index.ts#L327

https://github.com/NativeScript/nativescript-schematics/blob/master/src/generate/module/index_spec.ts#L72

我有一个 NativeScript（angular）应用程序，它当前对服务器进行 API 调用以获取数据。

我想实现一些东西，一旦设备上线但使用我当前的 API 进行双向同步。没有 BaaS。

我想到的第一个解决方案是进行某种缓存。偶尔，应用程序会使数据库中的信息无效并再次获取它。我不喜欢这种方法，因为有很大的列表（可能会改变。它们是分批获取的，即按页。其中之一是下载并存储在设备上的文件列表。所以我必须保留这些仍然在列表中的，并删除那些不在列表中的。这听起来像一场噩梦。

你会如何解决这样的问题？

如何使用 NativeScript 删除 Android 上每个 TextField 底部的默认边框？

我遇到的问题是，WebView 不会在 iOS 中动态加载高度（如果在 Android 中加载），问题是我的内容是动态的并且可以变高，并且放置固定高度对我来说不起作用。你可以帮帮我吗？

<CardView *ngFor="let itinerario of itinerario" class="card" elevation="40" radius="10" ios:shadowRadius="3">
   <StackLayout class="card-layout text-center">
      <WebView [src]="itinerario.mEstructura" height="auto"></WebView>
   </StackLayout>
</CardView>

Vuetify似乎是一个有用的框架。我想知道是否可以在带有 VUE.js 的 NativeScript 应用程序中使用它

我试过了 ：

yarn add vuetify

<v-btn :href="source"
       icon
       large
       target="_blank"
       v-on="on"
      >
       <v-icon large>mdi-code-tags</v-icon>
</v-btn>

但错误说：

没有元素 v-btn 的已知组件。

我想通过无限迭代旋转标签，目前它在 iOS 设备上运行良好，但在 android 上它只旋转 2 秒然后停止。

下面是我的 CSS 代码

.fas {
    font-family: "Font Awesome 5 Free", "fa-solid-900";
    font-weight: 900;
}

.spin {
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

<Label text="rotate value" class="fas spin"></Label>