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

riyad

滑动行为​

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

检查支持​

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

Variable :

1. import { swipeBehavior } from '@telegram-apps/sdk';
   " O5 L0 I  e& g
2. 
   
3. swipeBehavior.isSupported(); // boolean

复制代码

Functions :

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

复制代码

安装​

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

Variable :

1. import { swipeBehavior } from '@telegram-apps/sdk';
   . [$ e9 z; E' ~8 i) @2 s2 S
2. 
   
3. swipeBehavior.mount();
   
4. swipeBehavior.isMounted(); // true

复制代码

Functions :

1. import {
   + w4 n# h5 {/ s- P: x, X( Z
2.   mountSwipeBehavior,
   
3.   isSwipeBehaviorMounted,
   
4. } from '@telegram-apps/sdk';
   
5. 
   
6. mountSwipeBehavior();
   
7. isSwipeBehaviorMounted(); // true

复制代码

要卸载，请使用 unmount 方法：

Variable :

1. swipeBehavior.unmount();
   # ^* f. f( j: K0 [; F4 y/ x
2. swipeBehavior.isMounted(); // false

复制代码

Functions :

1. import {
   
2.   unmountClosingBehavior,
   6 s! @) Z0 l- `- g  ^) _
3.   isSwipeBehaviorMounted,
   
4. } from '@telegram-apps/sdk';
   $ p5 z( b2 {; }
5. 
   
6. unmountSwipeBehavior();
     l, X+ `4 B) |" G! D
7. isSwipeBehaviorMounted(); // false

复制代码

控制纵向滑动​

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

Variable :

1. swipeBehavior.enableVertical();
   
2. swipeBehavior.isVerticalEnabled(); // true
   5 @. m- \1 S% y4 R
3. 
   / K# h) [3 d' j6 K  v
4. swipeBehavior.disableVertical();
   0 Z! e& ?" k; h: E+ ^
5. swipeBehavior.isVerticalEnabled(); // false

复制代码

Functions :

1. import {
   
2.   enableVerticalSwipes,
   
3.   disableVerticalSwipes,
   / a8 ~9 k( t. I( p) v
4.   isVerticalSwipesEnabled,
   
5. } from '@telegram-apps/sdk';
   . w: J5 W8 C7 r, g4 m" C1 N
6. 
   
7. enableVerticalSwipes();
   ) v# c& y% g5 |
8. isVerticalSwipesEnabled(); // true
   
9. 
   - _5 O# I- ]7 |) i) V8 P6 b" K
10. disableVerticalSwipes();
    6 b0 r6 e2 H1 o) }- L9 e( v) K
11. isVerticalSwipesEnabled(); // false

复制代码