Quarto仪表板中pickerInput样式异常问题求助

问题出在Quarto Dashboard默认的前端资源配置没有自动加载shinyWidgets所需的样式文件，或是Bootstrap版本兼容问题，以下两种方法可以解决：

方法1：手动加载shinyWidgets资源 #

在UI代码块中添加useShinyWidgets()函数，它会自动引入组件所需的CSS和JS资源，让pickerInput样式正常渲染。修改后的完整代码如下：

---
title: "dashboard"
format: dashboard
server: shiny
---

```{r}
library(shiny)
library(shinyWidgets)

# 加载shinyWidgets的资源文件
useShinyWidgets()

pickerInput(
    inputId = "somevalue",
    label = "A label",
    choices = c("a", "b")
  )

#| context: server
# 这里可以添加你的服务器逻辑

## 方法2：指定兼容的Bootstrap版本
Quarto Dashboard默认使用Bootstrap 5，而shinyWidgets部分组件对Bootstrap 5的适配需要额外调整，你可以指定使用Bootstrap 4主题，确保样式兼容：

```yaml
---
title: "dashboard"
format: 
  dashboard:
    theme: bslib::bs_theme(version = 4)
server: shiny
---

```{r}
library(shiny)
library(shinyWidgets)

pickerInput(
    inputId = "somevalue",
    label = "A label",
    choices = c("a", "b")
  )

#| context: server
# 这里可以添加你的服务器逻辑

两种方法都能解决样式异常问题，推荐优先用方法1，因为不需要修改主题版本，更灵活适配现有Quarto Dashboard配置。

内容的提问来源于stack exchange，提问作者Quinten