问题标签 [app-shell]

我准备了一个基本示例来演示我想要实现的目标。考虑下面的 html。

很基础。所有动态数据都在容器 div 下。休息是静态的。我使用服务人员和应用程序外壳模型（某种）来加快加载时间。我做了这样的事情

top-shell.html- 在容器之前结束。bottom-shell.html- 从页脚开始。还有容器本身。

容器具有动态数据。所以我必须通过请求加载。我尝试将其与其他内容一起流式传输。Dev.to，谷歌开发者文章帮助很大。这是代码。此代码段未经测试

我排除了一些部分和底壳以发布更少的代码。它工作正常。

问题是，我不喜欢像正文那样划分 html 标签。我想在该文件中结束正文和 html 标记。然后在流式传输时在其中插入容器的特定点。像这样

所以这个文件将从缓存中加载。然后容器将开始流式传输并插入{{ container here }}. 我可以编写一个简单的 jinja2 之类的模板系统，就可以完成这项工作。我希望所有这些都发生在服务人员内部。我当然不希望用户看到那些花括号。

TextDecoder我达到了可以使用解码已经流式传输的块但无法前进的地步，因为包括流式传输container在内的整个文件，我无法完全替换花括号。如果我删除它，下一个块将被插入到哪里。

原谅我的错误。很困惑，对某些事情没有扎实的理解来单独解决这个问题。

顺便说一句，任何人都可以添加ReadableStream标签。我想知道为什么它不可用：/

我正在尝试调查我的微 ui 中的一些问题。我想通过从应用程序外壳项目运行它来调试我的本地微 ui 代码。

有没有办法做到这一点？

我用 Angular CLI 9 构建了一个应用程序。我package.json用以下方法修补了文件：

所以，当我调用时npm run build:prod，我的 2 个命令被执行并且编译器生成的输出文件包含 SRI。

现在，我添加了 appShell ：

npm run ng generate appShell -- --client-project my-project

要使用appShell运行构建，我必须使用以下命令：

npm run ng run my-project:app-shell:production

主要问题

但是这个命令调用文件my-project:build:production的配置angular.json，这不接受--subresource-integrity参数：/

如何修补此问题以使用SRI 构建 appShell 生产环境？

勇敢者的第二个问题

此 appShell 构建server/在dist/. 它只包含一个main.js文件。我想它是在内部与 Node 一起使用来构建 appShell 的；有人可以确认吗？那么，我可以使用 Unversal 和这个架构来为搜索引擎做一些 SSR 吗？

谢谢 ！

目前我在我的 xamarin 应用程序中使用 AppShell。我需要在 NavBar 中隐藏后退按钮箭头并将其替换为菜单图标。 NavigationPage.HasBackButton="False"不适合我。

我正在尝试在页面 (About.xaml) 上运行 UI 测试。以下是应用程序加载时访问页面的步骤。

1. 启动登录屏幕
2. 用户输入用户名
3. 用户输入密码
4. 用户点击登录按钮
5. 用户登陆 AppShell 中的主页。
6. 用户点击汉堡菜单
7. 用户单击弹出菜单项中的关于菜单。

我的问题是，如何为 AppShell 的汉堡菜单（弹出菜单）设置自动化 ID？

这是 UI 测试用例。

在 AppShell.xaml 中，这是顶部。

我在页面上的 AppShell 中使用了 ZXing Nuget 包。它在 AppShell 之外运行良好，但是当我将它添加到 appshell 时。访问页面时收到此错误消息。

xamarin 对象引用未设置为 Zxing.Net.Mobile.Forms.iOS.ZXingScannerView Renderer.LayoutSubviews 处的对象实例

这只发生在 iOS 项目中。

这是扫描仪视图的 XAML 部分。

有任何想法吗？

我看不到我在哪里做错了。通常，我已经正确实现了一切以在我的 Xamarin.Forms AppShell 项目中使用按钮命令，但按钮不会触发。也许有人可以看到这个问题？

我不知道它是否相关，尽管按钮的页面/视图是一个孩子。我正在使用来自父视图的 TabBar 导航到它，如下所示：

AppShell.xaml：

带有 INotifyPropertyChanged 的​​ BaseViewModel：

ViewModel 继承自 BaseViewModel 和 Command 的构造函数：

XAML 与绑定上下文：

我正在使用 Material Design Font Icons 作为我项目的图标源。问题是，由于它是一种字体，因此在选择时和取消选择时需要不同的颜色（如图所示 - 取消选择的白色图标有白色图标，这并不好）。

如何修改Style图标的颜色，就像文本和背景颜色一样？

编辑1：

共识是使用 VSM 是行不通的，因为它不是从VisualElement. 我已经使用Trigger- 但我对实现不满意。这有效：

...但是正如您所看到的，我必须设置整个FontImageSource值 - 它具有Glyph属性 - 所以我必须Style每次为每个FlyoutItem.

我怎样才能将其重写Style为可重用并且仅更改颜色，而不更改其他属性？

我对 Xamarin 比较陌生，并决定为我的第一个移动应用项目尝试 Xamarin.Forms。但是，我在尝试同时显示 Flyout 和 TabBar 时遇到了麻烦。所以我在这里问，如果，这可能吗？

我想要实现的是：

• 我有两个 TabBar 页面，“Trainer”和“Reference”
• 我希望“培训师”页面（并且只有这个页面）在活动时有一个弹出菜单（左上角的汉堡按钮）。这是因为此页面中有子页面，例如“Assembly”、“Ethernet”等...
• 然后，从 Flyout 中选择的条目将被加载到 Trainer TabBar 页面（如果可能的话？）

谢谢你。

来自 AppShell.xaml 的代码片段：

培训师（TabBar）页面：

参考（TabBar）页面：

我使用默认模板创建了一个新项目，该模板已经包含一个登录按钮、注销按钮等。我按照教程一步一步创建了登录和注册。登录后，您将被重定向到主页。在我的主页中，弹出菜单不可见。

这是我的 LoginPage.xaml.cs 中的代码

这是我的 HomePage.xaml

这是用户登录后的屏幕截图

点击查看图片