问题标签 [polaris]

现在我正在使用Page带有 Reactjs 的 shopify polaris 中的组件。这个组件有一个breadcrumbs属性，看起来你只能在页面组件中使用面包屑，如下所示：

我想知道是否有一种方法可以在不使用 Page 组件的情况下使用面包屑。像这样的东西：

对此的任何帮助都会很棒，谢谢！

Polaris ResourcePicker 组件根本没有显示在我的嵌入式应用程序中，我不知道为什么。这是我的代码：

在浏览器的控制台中，我收到以下错误：

非常感谢您的帮助！

我正在使用 shopify polaris 创建我的 shopify 应用程序，并且我正在尝试使用该Layout组件以及该Card组件来正确构建页面。所以现在，我在 a 里面有两张卡，<Layout>但问题是，由于两张卡中的数据量不同，它们的高度不同（Polaris 会自行调整大小），这使得它看起来很糟糕。这是我正在谈论的一个示例：https ://codesandbox.io/s/y37on11x9j 。如果您在单独的浏览器上打开沙盒结果，以全屏查看，您会看到有两张不同高度的卡片。我只是希望它们具有相同的高度。我能得到任何帮助吗？谢谢！

我正在使用 Shopify Polaris @3.4.0 和 App-Bridge @1.0.3。还使用 shopify-node-app 作为开始。

我通过传递 apiKey 和 shopOrigin 值来初始化 app-bridge，如下所示：

在我的仪表板组件中，我有一个 Modal 组件：

我通过将 modalActive 的状态设置为 true 来打开模态，如下所示：

Shopify Polaris Modal 在使用src时使用 iframe，并且在该视图中我有一个提交表单。我想在提交表单时关闭模态。我曾尝试使用 app-bridge 发送一个操作来关闭模式，但老实说，我很困惑，这些都是最新版本，因此感谢您的帮助。

I am brand new to frontend development, so I think this question is quite basic, but I have not been able to find the answer myself though. I want to use the Shopify App Bridge which means using Polaris React components to create the UI for a Shopify App. I am new to JS, React and npm, but followed some basic tutorials to get started. I am lost when I get to the instruction "First, import the component into your project:" at https://polaris.shopify.com/components/get-started#navigation. I am guessing the import line should be the first line in my js file, but my basic example stops working when I add the import line. I tried installing polaris with this command: npm install @shopify/polaris --save

My files before I add the import line:

My HTML file:

My test.js file:

My package.json file:

When I add "import {AppProvider, Button} from '@shopify/polaris';" to the top of the js file, the page cannot be rendered, but I cannot figure out why.

What am I missing in order to be able to import the components?

Thanks, -Louise

在此处阅读文档和代码片段示例。这是否意味着持续检查用户是否登录到嵌入式应用程序或用于初始注册/登录过程？

另外，如果我已经在使用该AppProvider组件，是否还需要这个？AppProvider根据他们的文档here ，我知道处理初始化。

这是他们文档中的示例：

我正在将 Next.js 与 Polaris 一起使用（从此处遵循他们的指南）。使用Link从 Polaris 或 Next.js 导入的组件不会更新嵌入式应用程序中的 url。

虽然 url 路径没有改变，但视图确实会正确更改（即新路径的组件会渲染）。与面包屑和url道具相同的结果ResourceList。

这是预期的行为吗？

Shopify 最近发布了他们的新@shopify/app-bridge，但我不清楚它应该如何与@shopify/polaris一起使用。

例如，我尝试制作一个 React 组件，该组件将使用 app-bridge 和 Polaris 来显示 toast。

但它似乎没有调度动作。关于为什么不的任何想法？请注意，我的应用程序包含在 AppProvider 中，并且 app-bridge 已初始化。

有什么建议么？

我一辈子都无法打开 ResourcePicker。按下按钮时，我可以看到状态从 false 更改为 true，但资源选择器实际上并没有打开。

然后是 Picker 组件

我希望选择器打开，但它没有。我究竟做错了什么？

技术：

• react-rails宝石 v 2.4.7
• 反应 v 16.4.2
• "@shopify/polaris": "4.2.1"

问题：

我使用 Polaris Filters 组件按照文档过滤了我的表格。我的过滤器和表格类似于https://polaris.shopify.com/components/lists-and-tables/filters#navigation中的“使用数据表过滤”示例，但是我无法获得“更多过滤器”文本在切换非升级过滤器表 ( https://polaris.shopify.com/components/overlays/sheet#navigation ) 的按钮上显示：

单击该按钮后出现的工作表还包括按钮上没有任何描述性文本的两个按钮。右下角的按钮关闭工作表，左边的按钮什么也不做：

问题：

1. 如何在按钮上包含“更多过滤器”文本？
2. 如何在工作表上显示的按钮上包含文本？
3. 如何自定义工作表上按钮的操作？
4. 假设，因为我不想要这个 - 我是否能够完全删除“更多过滤器”按钮，因为我只有 3 个过滤器都被有意设置为shortcut: true？