bslib 卡内的两列布局

Question

我想使用 cards

 包中的 

bslib。在卡片内部，我希望有一个两列布局，因此这意味着两个并排的 UI 闪亮元素。在这里我尝试创建一个简单的可重现示例：

library(shiny)
library(bslib)

ui <- fluidPage(

        card(card_header("Test card"),
             sliderInput("bins",
                         "Number of bins:",
                         min = 1,
                         max = 50,
                         value = 30), 
             checkboxInput("Test", "Test checkbox", value = FALSE),
           plotOutput("distPlot")
        )
    )

server <- function(input, output) {

    output$distPlot <- renderPlot({
        x    <- faithful[, 2]
        bins <- seq(min(x), max(x), length.out = input$bins + 1)

        hist(x, breaks = bins, col = 'darkgray', border = 'white',
             xlab = 'Waiting time to next eruption (in mins)',
             main = 'Histogram of waiting times')
    })
}

shinyApp(ui = ui, server = server)

输出：

如您所见，滑块和复选框没有并排。我尝试将

fluidRow

与

columns

包中的两个

shinydashboard

一起使用。不幸的是，这不起作用。所以我想知道是否有人知道如何在

card

包中的

bslib

中并排放置 UI 元素？

Answer 1

不确定您对

shinydashboard

列的尝试，但这有效：

ui <- fluidPage(

  card(card_header("Test card"),
       fluidRow(
         column(width = 2,
                sliderInput("bins",
                            "Number of bins:",
                            min = 1,
                            max = 50,
                            value = 30)
         ),
         column(width = 2,
                checkboxInput("Test", "Test checkbox", value = FALSE))
                       ),

       plotOutput("distPlot")
  )
)