Home > react-nav-router > NavStackProps > renderCommon

NavStackProps.renderCommon property

渲染公共布局容器，用于包裹导航栈视图

此函数允许在导航栈外层包裹自定义的公共布局（如页眉、侧边栏等）， 使得所有页面都能共享相同的外层结构，而不需要在每个页面中重复定义

Signature:

renderCommon?: (children: React__default.ReactElement) => React__default.ReactElement;

Example

<NavStack
  stack={navStack}
  render={(path) => <PageComponent path={path} />}
  renderCommon={(children) => (
    <div>
      <Header />
      {children}
      <Footer />
    </div>
  )}
/>