[Free] FlowingMenu Allows the drawer to be opened by dragging the edge or the entire screen.

🧩 FlowingMenu

An extension for MIT App Inventor 2.
Allows the drawer to be opened by dragging the edge or the entire screen. Swipe right or left of display drawer with flowing effects. The menu can be positioned along two edges:left and right. Developed by TechHamara using Fast.
Telegram | GitHub
BuyMeaCoffee | YouTube
Find More Extension
Terms & Conditions

:memo: Specifications


:package: Package: io.th.flowingmenu
:floppy_disk: Size: 123.30 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 14
:date: Updated On: 2025-11-22T00:00:00Z
:computer: Built & documented using: FAST v5.3.0
:arrow_down: Get aix from here
:arrow_down: Get more info and aia/apk on GitHub
:placard: Library Used Thank you you mxn21 your awesome FlowingDrawer Library.

Demo

Flowing Menu 3

Blocks

DrawerSlide_Event

DrawerStateChanged_Event


Initialize_Method

IsMenuVisible_Method


ClearOpenDrawer_Set_Property

CloseMenu_Set_Property

MenuColor_Get_Property

MenuColor_Set_Property

MenuOnLeft_Get_Property

MenuOnLeft_Set_Property

MenuSize_Set_Property

OpenMenu_Set_Property

ToggleMenu_Set_Property

TouchMode_Set_Property

Documentation

Events:

FlowingMenu has total 2 events.

1. DrawerStateChanged

Fires when the drawer state changes.

Parameter Type
oldState number
newState number

2. DrawerSlide

Fires when the drawer slides. openRatio is 0..1; offsetPixels is px.

Parameter Type
openRatio number
offsetPixels number

Methods:

FlowingMenu has total 2 methods.

1. Initialize

Initializes the FlowingMenu with the drawer and content components.

Parameter Type
drawer component
content component

2. IsMenuVisible

Returns true if the menu is currently visible (open).

  • Return type: boolean

Designer:

FlowingMenu has total 2 designer properties.

1. MenuOnLeft

  • Input type: boolean
  • Default value: True

2. MenuColor

  • Input type: color
  • Default value: DDDDDD

Setters:

FlowingMenu has total 8 setter properties.

1. OpenMenu

Opens the menu. If animate is true, plays animation.

  • Input type: boolean

2. CloseMenu

Closes the menu. If animate is true, plays animation.

  • Input type: boolean

3. ToggleMenu

Toggles the menu open/close. If animate is true, plays animation.

  • Input type: boolean

4. TouchMode

Sets the drawer touch mode: 0=NONE, 1=BEZEL, 2=FULLSCREEN.

  • Input type: number
  • Helper type: TouchType
  • Helper enums: NONE, BEZEL, FULLSCREEN

5. MenuSize

Sets the menu size in pixels.

  • Input type: number

6. MenuOnLeft

If true, menu opens from the left; otherwise from the right.

  • Input type: boolean

7. MenuColor

Background color of the flowing menu shape.

  • Input type: number

8. ClearOpenDrawer

Closes the drawer if open and removes any stray drawer instances from the container. Returns true if an open drawer was found.

  • Input type: boolean

Getters:

FlowingMenu has total 2 getter properties.

1. MenuOnLeft

If true, menu opens from the left; otherwise from the right.

  • Return type: boolean

2. MenuColor

Background color of the flowing menu shape.

  • Return type: number

Thanks

TechHamara

Feel free to contact us any quarry or suggestions.

2 Likes

I unlist this for now. The blocks are not visible just like the video. Maybe use another video format.

1 Like

Thank you for telling me @Peter
I've updated all the block images.

Could you also update the video. The codecs is not recognized by the browser.

The video plays fine on my end