北极星全屏酒吧
全屏栏是一个头部组件，当应用程序处于全屏模式时，它应该显示在应用程序的顶部。这是为了确保按钮在退出该模式时有一个统一的位置。全屏栏可以通过添加进行自定义孩子们．
用于在全屏模式下为应用程序的顶部提供结构。
进口｛徽章，ButtonGroup，FullscreenBar，DisplayText，按钮，｝从“@shopify /北极星”；进口｛useState，useCallback｝从“反应”；函数FullscreenBarExample（)｛常量［isFullscreen，setFullscreen］＝useState（真正的)；常量handleActionClick＝useCallback（（)= >｛setFullscreen（假)；｝，［］)；常量fullscreenBarMarkup＝（<FullscreenBar onAction＝｛handleActionClick｝><div风格＝｛｛显示：“弯曲”，flexGrow：1，justifyContent：“间距”，alignItems：“中心”，paddingLeft：1快速眼动的，paddingRight：1快速眼动的，｝｝><徽章的地位＝“信息”>草案</徽章><div风格＝｛｛marginLeft：1快速眼动的，flexGrow：1｝｝><DisplayText大小＝“小”>页面标题</DisplayText></div><ButtonGroup><按钮onClick＝｛（)= >｛｝｝>二次行动</按钮><按钮主onClick＝｛（)= >｛｝｝>主要行动</按钮></ButtonGroup></div></FullscreenBar>)；返回（<div风格＝｛｛高度：“250 px”，宽度：“100%”｝｝>｛isFullscreen& &fullscreenBarMarkup｝<div风格＝｛｛填充：1快速眼动的｝｝>｛!isFullscreen& &（<按钮onClick＝｛（)= >setFullscreen（真正的)｝>去全屏</按钮>)｝<DisplayText大小＝“小”>页面内容</DisplayText></div></div>)；｝道具
想要帮助完善这个功能吗?请分享你的反馈．
接口
FullscreenBarProps
- onAction () = >无效
-
当返回按钮被单击时回调。
- 孩子们? 反应．ReactNode
-
呈现子元素。