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

riyad

滑动行为​

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

检查支持​

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

Variable :

1. import { swipeBehavior } from '@telegram-apps/sdk';
   
2. 
   ! G( Z& x7 u6 ]3 s1 K* R
3. swipeBehavior.isSupported(); // boolean

复制代码

Functions :

1. import { isSwipeBehaviorSupported } from '@telegram-apps/sdk';
   
2. 
   / z8 C( n4 R# i7 k: W0 ^4 U
3. isSwipeBehaviorSupported(); // boolean

复制代码

安装​

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

Variable :

1. import { swipeBehavior } from '@telegram-apps/sdk';
   
2. 
   
3. swipeBehavior.mount();
   
4. swipeBehavior.isMounted(); // true

复制代码

Functions :

1. import {
   2 Z& G, L  t- x
2.   mountSwipeBehavior,
   % r2 o9 V1 \- Z% r% s  I( [5 o# }
3.   isSwipeBehaviorMounted,
   
4. } from '@telegram-apps/sdk';
   
5. 
   
6. mountSwipeBehavior();
   9 _3 K% ~8 w# I! j) g
7. isSwipeBehaviorMounted(); // true

复制代码

要卸载，请使用 unmount 方法：

Variable :

1. swipeBehavior.unmount();
   
2. swipeBehavior.isMounted(); // false

复制代码

Functions :

1. import {
   5 t! r/ j/ x& H* ?/ b
2.   unmountClosingBehavior,
   * ?# @, [3 |8 N; i" M' x% y4 ?5 m
3.   isSwipeBehaviorMounted,
   
4. } from '@telegram-apps/sdk';
   % ?$ U. F: f! U4 N" l
5. 
   
6. unmountSwipeBehavior();
   ; \- F. j5 [9 {. I: F4 f% i0 o
7. isSwipeBehaviorMounted(); // false

复制代码

控制纵向滑动​

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

Variable :

1. swipeBehavior.enableVertical();
   
2. swipeBehavior.isVerticalEnabled(); // true
   0 B5 ~+ n: }" E+ B) K; e' L( j( ~
3. 
   
4. swipeBehavior.disableVertical();
   " {3 d8 l% g& ]/ O
5. swipeBehavior.isVerticalEnabled(); // false

复制代码

Functions :

1. import {
   
2.   enableVerticalSwipes,
   
3.   disableVerticalSwipes,
   4 L0 ~6 N; \- Y' b
4.   isVerticalSwipesEnabled,
   ' o) M& u: b) D( I' @: w! m9 f) n  I
5. } from '@telegram-apps/sdk';
     n, F7 A/ |- f+ E( T
6. 
   / b: L- }* v, G9 i
7. enableVerticalSwipes();
   
8. isVerticalSwipesEnabled(); // true
   
9. 
   ) r- w( |4 q4 A& O1 |: M# j
10. disableVerticalSwipes();
    
11. isVerticalSwipesEnabled(); // false

复制代码

! f5 L0 @9 E* x9 e( h