[Paid] 🚀 RecyclerList v1.9.0 - The Ultimate Universal List with Magic Ad Integration!

Extensions
,
1

RecyclerList is a high-performance, advanced list extension for MIT App Inventor 2 and Niotron. Built on the native Android RecyclerView, it offers blazing-fast scrolling, 100% reliable clicks, and a revolutionary "Magic Ad" system.

Created by: Kapil Patel
Build using: FAST CLI

:rocket: Why choose RecyclerList?

Unlike standard list extensions, RecyclerList is built for Performance and Universal Compatibility.

  • :magic_wand: Magic Ad Integration: Automatically handles root switching for AdMob, Facebook, and AppLovin ads. No more "Type Mismatch" errors!
  • :dart: Forceful Click Interception: Never miss a tap again. The extension captures clicks even if child views are in the way.
  • :building_construction: True Dynamic UI: Build your design from scratch using any dynamic components.
  • :arrows_counterclockwise: Infinite Scrolling: Use the OnLoadMore event to automatically fetch and add more data as the user scrolls.
  • :zap: Blazing Fast: Optimized for smooth scrolling even with thousands of items.

:open_book: The Ultimate Guide

:building_construction: Phase 1: Basic Setup

  1. Import: Add the RecyclerList.aix to your project.
  2. Container: Drag a VerticalArrangement and set its dimensions to Fill Parent.
  3. Initialize: Call the Initialize function in your Screen Initialize block:
    • LayoutManager: Linear, Grid, or Staggered.
    • SnapHelper: None, Linear, or Pager.
    • Orientation: Vertical or Horizontal.
    • SpanCount: Row/Column count (e.g., 1 for lists, 2 or 3 for grids).

Initialize

AdInterval

AdsEnabled

Data

InterceptClicks

ItemAnimator

:art: Phase 2: Design (OnCreateView)

  1. Find the OnCreateView(root) event. fast
  2. Use CreateComponent to add components (Labels, Images, etc.) to the root.
  3. Give each component a unique Tag (e.g., "username", "avatar") to find it later.

OnCreateView

:link: Phase 3: Binding (OnBindView)

  1. Find the OnBindView(root, position, dataItem) event.
  2. Use GetComponent(root, tag) to find your components.
  3. Bind your data (text, images, etc.) to those components.

OnBindView

:computer_mouse: Phase 4: Reliable Clicks

  • InterceptClicks (Property):
    • True: The whole row acts as one button (100% reliable).
    • False: Only individual buttons inside the row are clickable.
  • OnItemClick(position): Returns the exact index of the tapped item.

InterceptClicks

:moneybag: Phase 5: Universal Ads (The Magic Logic)

  1. Enable: Set AdsEnabled to True.
  2. Create (OnCreateAdView): Create your Ad component (AdMob, FB, etc.) inside the root using its class name.
  3. Bind (OnBindAdView):
    • The Magic: In this event, the get root block automatically becomes your actual Ad component!
    • Just plug get root directly into your Ad network's LoadAd block.
    • Works with Native Ads, Banners, and Banner Ads from any network!

OnBindAdView

OnCreateAdView

:arrows_counterclockwise: Phase 6: Infinite Scrolling & Scroll Events

RecyclerList makes it easy to handle pagination and "Load More" logic.

  • OnLoadMore (Event):
    • This event is triggered when the user scrolls to the very bottom of the list.
    • Use this to fetch more data from your database or API and append it to your list.
  • OnScrollReachedTop (Event):
    • This event is triggered when the user scrolls back to the very first item.
    • Useful for implementing features like "Pull to Refresh" or hiding specific UI elements.
  • OnScrollStateChanged (Event):
    • Tells you if the list is Idle (0), Dragging (1), or Settling (2). Useful for stopping image loading during fast scrolls.

OnLoadMore

OnScrollReachedTop

:memo: Performance Tips

  • Simple Layouts: Avoid deep nesting for smoother scrolling.
  • Unique Tags: Always use clear, unique tags for every component.
  • Clean Refresh: Use the Clear function when resetting large lists.

:trophy: Summary of Blocks

Block Action
Initialize Sets up the list inside your arrangement.
CreateComponent Adds a component to the row.
GetComponent Finds a component inside a row using its tag.
Data (Property) Use a List of Objects to populate your recycler.
InterceptClicks Ensures taps are detected 100% of the time.

Special thanks to

Special thanks to for JEWEL for Fast CLI and
zainulhassan for O/S RecyclerList

If you wan to buy just DM me..
Price 15 USD

Happy Coding! :heart:
If you like this extension, don't forget to share it with the community!

Thank you for this amazing supporting community.