闪亮的导航栏页面中的搜索字段

我正在尝试将全球搜索字段纳入我的navbarPage经过一些tabPanel。我不确定这是否可能，因为我所有的测试都产生了textInput之外的navbar.

rStudio 闪亮的布局指南指向引导导航栏文档 http://getbootstrap.com/components/#navbar，他们实际上就是这样做的。但我无法用我闪亮的应用程序重现它。

library(shiny)

ui <- shinyUI(
  shiny::navbarPage('test',
    shiny::tabPanel('my app',
   fluidPage(

  # Application title
  titlePanel("Old Faithful Geyser Data"),

  # Sidebar with a slider input for number of bins
  sidebarLayout(
    sidebarPanel(
      sliderInput("bins",
                  "Number of bins:",
                  min = 1,
                  max = 50,
                  value = 30)
    ),

    # Show a plot of the generated distribution
    mainPanel(
      plotOutput("distPlot")
    )
  ))),

  ### Still inside navbarPage
  shiny::textInput("text", 
                   label=h3("Text input"), 
                   value="should be inside the navbar!")
))

server <- function(input, output, session) {
  output$distPlot <- renderPlot({

    # generate bins based on input$bins from ui.R
    x    <- faithful[, 2]
    bins <- seq(min(x), max(x), length.out = input$bins + 1)

    # draw the histogram with the specified number of bins
    hist(x, breaks = bins, col = 'darkgray', border = 'white')

  })
}

shinyApp(ui, server)

您可以通过稍微操作导航栏 HTML 来做到这一点。 Valter 是正确的 - 您可以通过完全用 HTML 构建菜单而不是使用 Shiny 来实现这一点。但有一个更简单的方法：您可以在常规 Shiny 中构建导航栏，然后使用htmltools稍微修改一下。这是一个我认为是当前提出的解决方案中最干净的快速解决方案：

library(shiny)

navbarPageWithInputs <- function(..., inputs) {
  navbar <- navbarPage(...)
  form <- tags$form(class = "navbar-form", inputs)
  navbar[[3]][[1]]$children[[1]] <- htmltools::tagAppendChild(
    navbar[[3]][[1]]$children[[1]], form)
  navbar
}

ui <- navbarPageWithInputs(
  "Test app",
  tabPanel("tab1", "tab 1", textOutput("out")),
  tabPanel("tab2", "tab 2"),
  inputs = textInput("search", NULL, placeholder = "Search")
)

server <- function(input, output, session) {
  output$out <- renderText(input$search)
}

shinyApp(ui = ui, server = server)

基本上我创建了一个navbarPageWithInputs()接受所有相同参数的函数navbarPage()，还有一个inputs范围。这个函数所做的就是调用常规函数navbarPage()，然后将给定的输入添加到 HTML。