浮出控件 (Flyout)
仅限旧架构:本文档描述的功能仅受 React Native 的“旧”或“传统”架构支持。我们仍在更新所有文档,但在此期间,有关 React Native Windows 中 React Native 架构的信息,请参阅新旧架构。
参考
属性
继承View 属性。
horizontalOffset
指定与生成点的水平偏移量。
| 类型 | 必填 |
|---|---|
| 数字 | No |
verticalOffset
指定与生成点的垂直偏移量。
| 类型 | 必填 |
|---|---|
| 数字 | No |
isLightDismissEnabled
如果用户单击浮出控件外部,浮出控件是否会关闭。
如果要使浮出控件成为模态,请将其设置为 false。
| 类型 | 必填 |
|---|---|
| bool | No |
isOverlayEnabled
指定浮出控件外部区域是否变暗。
| 类型 | 必填 |
|---|---|
| bool | No |
isOpen
一个布尔值,当浮出控件处于活动/打开状态时返回 true,否则返回 false。
| 类型 | 必填 |
|---|---|
| bool | No |
onDismiss
浮出控件关闭时触发的事件。
这必须更新isOpen属性。
| 类型 | 必填 |
|---|---|
| 函数 | 是 |
target
当isOpen为 true 时,浮出控件附加到并显示在其上的组件。
| 类型 | 必填 |
|---|---|
React.ReactNode | 是 |
placement
浮出控件相对于已设置的target的相对位置。
接受的位置值类型有
上下左右全顶部边缘对齐左顶部边缘对齐右底部边缘对齐左底部边缘对齐右左侧边缘对齐上右侧边缘对齐上左侧边缘对齐下右侧边缘对齐下
| 类型 | 必填 |
|---|---|
| 类型 | No |
示例
示例可以在 React Native Gallery 应用程序中找到,可在 Microsoft Store 中获取