Telegram 小程序 | TypeScript @telegram-apps/sdk @2.x | 组件 | 滑动行为

riyad

滑动行为​

负责 Telegram 迷你应用程序轻扫行为的💠组件。

检查支持​

要检查当前 Telegram 小应用程序版本是否支持轻扫行为，需要使用 isSupported 方法：

Variable :

1. import { swipeBehavior } from '@telegram-apps/sdk';
   
2. 
   
3. swipeBehavior.isSupported(); // boolean

复制代码

Functions :

1. import { isSwipeBehaviorSupported } from '@telegram-apps/sdk';
   
2. 
   6 ?! a! W4 `2 u) {6 H5 i
3. isSwipeBehaviorSupported(); // boolean

复制代码

安装​

在使用该组件之前，有必要将其安装到正确配置的属性中。 为此，请使用 mount 方法。 它将更新 isMounted 信号属性。

Variable :

1. import { swipeBehavior } from '@telegram-apps/sdk';
   3 [- I! ?  `7 ~3 b0 u
2. 
   
3. swipeBehavior.mount();
   
4. swipeBehavior.isMounted(); // true

复制代码

Functions :

1. import {
   
2.   mountSwipeBehavior,
   7 k: u5 T+ C& n% z9 Y0 C1 `- o  R
3.   isSwipeBehaviorMounted,
   
4. } from '@telegram-apps/sdk';
   * W5 a' y2 N, n
5. 
   
6. mountSwipeBehavior();
   + Q: P/ L- f$ Y. d! i/ K; l
7. isSwipeBehaviorMounted(); // true

复制代码

要卸载，请使用 unmount 方法：

Variable :

1. swipeBehavior.unmount();
   5 P2 c7 T' |# X1 T
2. swipeBehavior.isMounted(); // false

复制代码

Functions :

1. import {
   ; e/ V& n; W" p& c
2.   unmountClosingBehavior,
   4 h/ b( ?3 D1 B1 y6 G9 S2 H" X' o2 X
3.   isSwipeBehaviorMounted,
   
4. } from '@telegram-apps/sdk';
   
5. 
   
6. unmountSwipeBehavior();
   
7. isSwipeBehaviorMounted(); // false

复制代码

控制纵向滑动​

要启用或禁用垂直轻扫，请使用 enableVertical 和 disableVertical 方法。 调用这些方法时，会更新 isVerticalEnabled 信号属性值。

Variable :

1. swipeBehavior.enableVertical();
   
2. swipeBehavior.isVerticalEnabled(); // true
   
3. 
   # ^( D# y; `5 b( |2 s
4. swipeBehavior.disableVertical();
   
5. swipeBehavior.isVerticalEnabled(); // false

复制代码

Functions :

1. import {
   . [& K* L4 w7 A) _
2.   enableVerticalSwipes,
   1 u0 }' G3 D$ H. ]) Z9 u
3.   disableVerticalSwipes,
   
4.   isVerticalSwipesEnabled,
   8 A1 B: H" a, \+ l4 N
5. } from '@telegram-apps/sdk';
   
6. 
   ) R( T- C- K) ]4 h
7. enableVerticalSwipes();
   
8. isVerticalSwipesEnabled(); // true
   ) S* y1 b$ K  s
9. 
   
10. disableVerticalSwipes();
    
11. isVerticalSwipesEnabled(); // false

复制代码

. D" U" g3 u* f1 y
+ n5 B! Q6 r; j0 u2 G