Telegram 小程序 | TypeScript @telegram-apps/sdk @2.x | 组件 | 弹出窗口

riyad

弹出窗口​

负责 Telegram 迷你应用程序 popup 的💠组件。

检查支持​

要检查当前 Telegram 小应用程序版本是否支持弹出窗口，需要使用 isSupported 方法：

Variable :

1. import { popup } from '@telegram-apps/sdk';
   & S) f# p7 ]) ^! [7 l: \$ J1 l- m
2. 
   $ ~  C% T9 Q/ E6 ^& ~. U
3. popup.isSupported(); // boolean

复制代码

Functions :

1. import { isPopupSupported } from '@telegram-apps/sdk';
   9 i5 O6 A; y% _
2. 
   
3. isPopupSupported(); // boolean

复制代码

打开​

要打开弹出窗口，需要调用 open 方法，指定弹出窗口的属性：标题、 信息和最多 3 个按钮的列表。

该方法返回一个承诺，点击按钮的标识符将实现该承诺。 在 的情况下，如果用户没有点击任何按钮，该方法将返回 null。

调用该方法会更新 isOpened 信号属性值。

Variable :

1. import { popup } from '@telegram-apps/sdk';
   
2. 
   
3. // popup.isOpened() -> false
   
4. const promise = popup.open({
   5 ]* k) o, u7 @. o0 B# R+ Y
5.   title: 'Hello!',
   9 [0 k" H6 q! m- p3 ^
6.   message: 'Here is a test message.',
   
7.   buttons: [{ id: 'my-id', type: 'default', text: 'Default text' }],
   0 f& m4 ^, m; {. |+ h
8. });
   5 u; ]9 H$ b% [0 s8 @
9. // popup.isOpened() -> true
   
10. const buttonId = await promise;
    
11. // popup.isOpened() -> false

复制代码

Functions :

1. import { openPopup, isPopupOpened } from '@telegram-apps/sdk';
   
2. 
   - a- G3 u  o* O/ J  c7 J
3. // isPopupOpened() -> false
   
4. const promise = openPopup({
   + G8 H3 b4 m6 L6 I- i0 h
5.   title: 'Hello!',
   ) R* H) T6 c7 X- y
6.   message: 'Here is a test message.',
   9 m, T' q/ d) U
7.   buttons: [{ id: 'my-id', type: 'default', text: 'Default text' }],
   
8. });
   2 N5 F+ l3 U9 f* M
9. // isPopupOpened() -> true
   
10. const buttonId = await promise;
      q0 Z1 E8 }$ r
11. // isPopupOpened() -> false

复制代码

8 }- \8 P! r1 S4 ?9 V; I
  x" K+ _, p& ?( O