问题标签 [nativescript-vue]

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 回答
1753 浏览

nativescript - 根据设备高度在 ScrollView 中动态调整 Nativescript ContentView 的大小

我有一个 Nativescript Vue 组件模板定义为:

安装组件后,我想将高度设置为mapContainer屏幕高度的大约 75%。为此,我有:

但这无济于事,ContentView仍然保持 500dp 高。

height本来是一个二传手,但我想我错过了重绘(?)以使此更改生效,但不确定如何?

0 投票
1 回答
680 浏览

android - Nativescript Vue Actionbar 复制 Android

我正在使用 Nativescript-Vue 并且无法弄清楚如何删除默认出现在 Android 中的带有应用程序名称的 ActionBar(在 iOS 中它不会出现)。有任何想法吗?

如果我<ActionBar />在模板中添加一个新的,它会显示在我无法摆脱的“默认”ActionBar 下方。

如果我在<Page />标签中使用 actionBarHidden="true",则无法添加自定义 ActionBar。

该项目是使用 构建的vue init nativescript-vue/vue-cli-template <project-name>,它具有与此示例基本相同的配置(manifest.xml 和其他 App_Resources):https ://github.com/tralves/groceries-ns-vue/tree/master/app/App_Resources

我正在使用这样的多个框架,也许这与问题有关:

在每个组件(类别、预订、购物车)中,我正在呈现特定的 ActionBar。

此图显示了问题,应用名称为 Ameiz:

双操作栏问题 - Android

谢谢。-

0 投票
1 回答
528 浏览

ios - Headless webview

Is there a way to create a headless WebView instance in Nativescript (Vue) for use with nativescript-webview-interface (which expects a Nativescript view)? How can I instantiate the Vue component so it creates the native webview in the background (similar to document.createElement on web)?

0 投票
1 回答
827 浏览

nativescript - 在 Nativescript Vue 中使用 Fresco 插件时 SimpleDraweeView 未初始化错误

我正在尝试在我的 NS Vue 应用程序中实现 Fresco。

我的 main.js 中有这个

在 home.vue 中

这是我得到的错误。“SimpleDraweeView 未初始化!”。我很确定我初始化它的方式是错误的。谷歌搜索它给了我 TS 和 Angular 的例子,而原生脚本 Vue 没有。任何帮助将不胜感激

0 投票
3 回答
2658 浏览

typescript - 如何将 Typescript 添加到 Nativescript-Vue 项目中?

几天来,我一直在努力让 Typescript 在一个简单的模板生成的 Nativescript-Vue 项目中工作。这是我所做的:

  1. 用他们命令创建项目:
  1. 按照此处的说明进行操作:https ://nativescript-vue.org/blog/using-typescript-in-nativescript-vue/

  2. 添加了一个包含以下内容的 env.d.ts 文件:

  1. 添加了一个包含以下内容的 shims.vue.d.ts 文件:
  1. 添加了 .ts 扩展名来解析 webpack.config.js 中的扩展名。
  2. 在 webpack.config.js 中添加了以下规则。
  1. 然后使用以下命令运行应用程序:

这会导致以下错误:

有什么我想念的吗?我很想在我即将开始的 Nativescript-Vue 项目中享受 Typescript 的好处。

这是以下版本:

更新:快速说明,在步骤 1 中创建应用程序时,我选择了简单模板,安装了 VueX,并安装了 Vue-Devtools。

0 投票
1 回答
802 浏览

javascript - 如何向下滚动到 Scrollview 中包含的列表的特定索引?(Nativescript-vue)

我正在使用nativescript-vue.

我有一个包含在 Scrollview 中的列表(包含在 Tabview 中)。当我的应用程序转到此选项卡时,我希望 Scrollview 向下滚动到包含的列表的特定索引。

我试过这个:

无论 offset 参数的值如何,这都不起作用。

我错过了什么吗?

先感谢您。

0 投票
0 回答
248 浏览

nativescript - 处理 ListView 或 RadListView (NativeScript) 内的多个点击目标

我正在构建一个“新闻提要”视图,用户可以在其中以通常的方式与帖子进行交互:

  • 点击帖子内容将带您进入其详细信息屏幕
  • 点赞按钮为帖子点赞
  • 点击评论按钮启动作曲家

出于性能原因,我尝试使用 aListView而不是 a ScrollView,以便提要可以利用回收、延迟渲染等。当然,每个帖子都是列表中的一个“行”。

这是一个问题:根据文档,我只能itemTap在整行上监听事件。从技术上讲,我可以tap在 like 按钮上放置一个侦听器,但这会阻止itemTap事件触发。这没什么大不了的,但tap即使有人点击屏幕只是为了停止滚动,它也会在按钮上触发。该itemTap事件对此进行了补偿,并且仅在用户故意点击该行时触发(不仅仅是停止滚动)。因此,我需要根据 而itemTap不是按钮的tap.

我已经研究了告诉 NativeScript 将tap事件从按钮传播到 ListView 的方法,但我发现的所有内容都是关于防止传播的。

真的觉得我在这里错过了一些东西。如今,许多应用程序都有提要样式的视图,并且有很多视图每行有多个“按钮”。这里的正确方法是什么?NativeScript 是否没有办法处理这个问题?

0 投票
2 回答
536 浏览

nativescript - Nativescript-Vue 移除 iOS ListView 点击颜色

如何更改列表项上的点击颜色?我的应用程序是深色主题,因此当您单击单元格时会出现非常难看的白色闪光。我尝试了以下方法:

零件

我也在我的mounted方法中尝试了一个具有 ListView 的组件

this.$refs.list日志:

0 投票
3 回答
17718 浏览

vuejs2 - vue-native 和 nativescript-vue 哪个更好?

我想用 VueJS 启动一个移动应用程序。谁能建议我可以在vue-nativenativescript-vue之间选择哪个框架?

0 投票
1 回答
521 浏览

nativescript - 当tabView位于底部时如何启用滑动手势

我正在使用nativescript-vue,我想玩tab-view。问题是,当我将标签设置为位于屏幕底部时,滑动手势不再起作用并且在某种程度上被禁用。我想启用滑动手势。

因为我是本机脚本或 android 的新手,所以我不确定如何启用它。

上面的脚本创建tabview了 3 个标签,但问题是,现在你不能在标签之间滑动。如果我设置androidTabsPosition="top",则滑动手势有效。

有人可以告诉我如何启用滑动手势。

这是nativescript-vue中tabView的纪录片