react中popover弹窗_移动端控件（三）-气泡（Popover）

什么是气泡（Popover/弹出框/弹出式气泡）

弹出框（Popovers）是一个瞬态视图，当您点击某个控件或区域时，它会显示在屏幕上其他内容的上方。通常，弹出窗口包括指向其出现位置的箭头。Popovers可以是非模式的或模式的。点击弹出框外区域或它上面的按钮，可以消除非模态弹出框；点击弹出框上的“取消”或其他按钮，可以消除模态弹出框。—— iOS Human Interface Guidelines

Popover是由一个（圆角）矩形和三角箭头组成的弹出窗口，箭头指向的地方通常是导致popover弹出的控件或区域。通过点击popover内的按钮或非popover的屏幕其他区域可关闭popover。

气泡最开始是只建议用在PC和iPad上的一种控件，现在由于手机屏幕越来越大，也由于安卓和iOS两种规范的混用，在iOS和安卓应用中都经常能够看到（如下图）。在 Meterial Design 规范中，没有对气泡单独的阐释，类似气泡的控件有“Tooltips”、“Dropdown menu”。与iOS的Popver不同的是，安卓的“气泡”往往没有“小三角”指示箭头。