#鸿蒙通关秘籍#怎样使用Popup来提供上下文提示？

Popup用于在用户与某个特定组件交互时展示提示信息。以下是一个Popup使用的示例：

bash @Entry @Component struct PopupExample { @State handlePopup: boolean = false

build() { Flex({ direction: FlexDirection.Column }) { Button('PopupOptions') .onClick(() => { this.handlePopup = !this.handlePopup }) .bindPopup(this.handlePopup, { message: 'This is a popup with PopupOptions', placementOnTop: true, showInSubWindow: false, primaryButton: { value: 'confirm', action: () => { this.handlePopup = !this.handlePopup console.info('confirm Button click') } }, secondaryButton: { value: 'cancel', action: () => { this.handlePopup = !this.handlePopup console.info('cancel Button click') } }, onStateChange: (e) => { console.info(JSON.stringify(e.isVisible)) if (!e.isVisible) { this.handlePopup = false } } }) .position({ x: 100, y: 150 }) }.width('100%').padding({ top: 5 }) } }