问题标签 [onsen-ui2]

我正在使用 Onsen UI 框架来构建一个移动应用程序（不是原生的，只是 HTML5）。我有一个 JS 测验，其中包括用于回答问题的单选按钮。目前，答案的按钮和文本样式是“普通标准”的，但我想要 Onsen UI 的。

如何在 JS 中集成 Onsen UI 框架？

我认为这与这部分有关：

这是完成的测验。

使用 Onsen playground & React Combining Navigator 和 Tabbar 示例，我做了这个 - https://media.giphy.com/media/fjxPFluObAs5P3cXms/giphy.gif

我想更改添加更多用户的按钮和输入字段的位置，所以我使用了 fab。每当我打电话给navigator.pushPage它时，它都会说TypeError: navigator.pushPage is not a function。

其背后的代码是：

提前致谢！

我想知道是否有人有使用默认角度路由器的角度 5+ 的 Onsen UI？我已安装并运行 Onsen UI。我可以使用 [page] 属性在页面之间移动，但没有运气让路由/路由器插座正常工作。当我从 html 中删除 [page] 时，出现错误：

这是我的html：

这是在我的 app.component.ts 消息中。

非常感谢，-凯文

我想开发一个基于 Onsen UI 2 的混合移动应用程序，并选择了 React 作为它的框架。

我还使用 PhoneGap Build 服务为 Android 和 iOS 创建应用程序文件。

我在理解如何让 Onsen、React 和 PhoneGap CLI 在我的开发环境中协调工作时遇到了一些困难。

我现在是如何做到的：

我尝试下载一些 Onsen & React 'hello world' 应用程序来玩玩，然后我成功地构建了Onsen/Webpack/React-Hot-Reloading-Example并将bundle.js文件放在一个新的/空的 PhoneGap 项目。

由此可知，需要单独构建react app，然后将捆绑好的app复制到PhoneGap app文件夹中。

这似乎有点麻烦......不应该有更简单的方法吗？

在使用 React 将我们的 Onsen v1 应用程序（基于 AngularJS1）迁移到 Onsen v2 时，我遇到了一个小问题：实现有关用户身份验证的逻辑（如果没有“保存的凭据”，则重定向到登录屏幕）

这是我的应用程序的结构...

入口点是 App.js 文件，如下所示：

您可以看到我对“Home”和“Login”组件都有我的引用，但是，我想决定要渲染哪个组件。

我尝试了以下方法：使用“Home”作为初始路由，并在 Home 组件构造函数中决定是否需要进入登录页面。

这根本不起作用，登录页面从未显示。

所以基本上，我想做的是在 localStorage 中查找用户凭据（或任何其他存储此类信息的地方），并基于此决定是否加载“主页”页面或“登录”页。

我无法让 onsen fab 元素更改背景颜色或边框。我正在使用 angular 2 和 onsen v2。如果我在浏览器检查器中取消选中 fabs 默认 css，我会看到我的 css 已应用。我已经试过了！重要。

这是我的CSS

这是我的html

根据此处的文档

如果页面 A 推送页面 B，它可以发送一个函数作为修改页面 A 的上下文的道具或数据。这样，每当我们想从页面 B 向页面 A 发送任何内容时，后者只需要调用该函数并传递一些参数：

我正在遵循这个想法。做类似的事情this.$store.commit

我想推送AddItemPage并将返回的值复制到this.items

唯一的问题是这在回调函数中不可用。

所以我做不到this.items = data.splice()

我尝试使用 React 和 OnsenUI 创建原型 Progressive Web APP。PWA 的特点之一是内容是可链接的。因此我想实现反应路由器。OnsenUI 仅提供带有 或 的 SPA。我如何使用 OnsenUI 或组件来实现这一点？

我只是使用 npm 为 vue-cli 安装新的 pwa onsen UI 项目。所有组件正常工作，只有图标组件在运行应用程序时不显示图标。甚至，我从 v-ons-components 文件中取消注释 v-ons-icon 仍然无法正常工作

我想在另一个项目打开时自动关闭一个项目，所以任何时候只有一个项目打开。

HTML

JS