[F/OS] - Dynamic Components Extension (for every component) 2.2.2


šŸ§± Dynamic Components Extension

that supports every component in your AI2 distribution, instead of having pre-defined components.

I thought about making a full method to create all dynamic components without creating different blocks for every component because it would be useless. So I was trying to find a proper solution for a long time. And here it is!

The minimum required API version for this extension is 1 .

It basically uses Javaā€™s Reflection feature, so this allows you to create ANY component you want dynamically which added to your AI2 distribution. Not only a Button, but you can also even create a DatePicker dynamically. Just type the componentā€™s name which you want to create, thatā€™s it! :star_struck:

What is the reflection and how does it work?

Reflection (in programming) allows you to modify the program during runtime, for example, you can create a new Class, Method, etc. and search them by its names!

Basically, it appends componentName parameter to the com.google.appinventor.components.runtime. text and creates an instance of it. When you type ā€œButtonā€, it searches for Button class and creates an instance of it.

So with this method, it is now a fully implemented dynamic component extension.

I must say Java is a powerful language :grin:


šŸ§© Blocks

You can click on the image to expand it.


ā” FAQ

  • How can I set the properties for the blocks?
    You have two options and both does the same job:

    • SetProperty
      image
    • or Any Component
      image
  • How can I delete all components?
    Use a for-each loop for that.
    image

  • How can I make my own Schema template?
    Thanks for being interested in making a JSON template for the extension. You can go to the Wiki section of Dynamic Componentā€™s repository to learn how to create yours.
    Creating Templates - DynamicComponents-AI2 Wiki

  • Is extension works asynchronously, or synchronously?
    It works synchronously. I explained why it works synchronously in this post.
    Now you can toggle between asynchronously or synchronously with the Thread property!

  • App takes a lot of time to create components that use Image components, how can I fix it?
    Replace your existing set Image.Picture components with the Image Utilities component.
    If you donā€™t use Kodular, you can use an extension to load images asynchronously.

  • How much time it takes to create components?
    I created more than 10 000 components and calculated how many seconds will it take to finish creating. Here are the benchmark results.


šŸ“• Showcase

What projects made with this extension in the community? Here is a list below. Just mention me, PM me, or link this topic in your topic to get your project showed listed here!

Note: I no longer list projects due to receiving high volume of notifications. You can search for ā€˜Dynamic Componentsā€™ in community search.

Note that these projects belong to their original posters, Iā€™m not affiliated with these projects in any way.

Show projects

Here is the list of projects that use the Dynamic Components extension. Ordered chronologically.

Project Author
Dynamic CardView Template Kanishka_Developer
Horizontal Dynamic Layout Deepanshu Arya
#CinelarTV, a digital streaming platform Alexander
To-Do List - Using Dynamic Components Soham Shah
Educationaly Ravi Garg
5 Different Listview Using Dynamic Components Maayur Berad contains templates
Simple Dynamic Slider with Animation David
Best Quotes & Status App (Fully Dynamic) VSATISH13
Custom Dynamic Circular Image Icon List Zia Ur Rahman
How to create Dynamic ViewPager Shivam Chouhan
Custom Search Bar with Dynamic ListView Maayur Berad
Fully Customizable ChatView Aditya Singh
Laundry Mate Meghraj Singh
Dynamic Shopping Item Cards Template Zain Ul Hassan contains templates
Smart List Check Like Facebook Jugard Zia Ur Rahman
Image Viewer App Mohamed Tamer
Using clock to load items in ListView Shivam Chouhan
Animated List (Advanced) Zia Ur Rahman
Card Style ListView TimAI2
Whatsapp Like List devendrakoli41
Simple Dynamic GridView WatermelonIce
Load Items When User Scroll Zia Ur Rahman
Dynamic Image ListView Mohamed Tamer
Custom Data Loading on user scroll from Airtable, Firebase, Mysql Zia Ur Rahman
Edulab Quiz 4netsolutions1
Expandable ListView Vaibhav
How to create any design using Dynamic Components extension ADDYLIN
Hackanoid: A tribute to the 80s arcade Arkanoid Italo
Kodular Community App (Unofficial) Sonu
Material Anime List Joseph Lee
Real Estate App Design Zain Ul Hassan contains templates
Fantasy Cricket App nishilbalyaya123
Parallax Effect in Kodular Kshitij Vats
Dynamic Delivery ListView Thiago Cavalcanti contains templates
Dynamic Product Review Page Zain Ul Hassan contains templates
MobileMD - Kodular MangaDex Client Joseph Lee
Coffee Shop UI Design with listview and Overlap Thiago Cavalcanti
Onyx Note - Note taking made Easy Mayur Berad
(OS) Custom YT Channel App + Admin App Jack Faith
How to make a Search Bar for ListViewimage, ListView, Dynamic ListView Musa_Bukhari
Dynamic Calendar Gowri SankaR
Back to the top Guide ArnaV Bhardwaj
Cow-Bull: The Mastermind Game Alaqmar

šŸ“‚ Download

Version 2.2.2
com.yusufcihan.DynamicComponents.aix (34.8 KB) (v2.2.2)

Version 2.2.3 (not fully released, adds some improvements/fixes)

Looking for old releases and changelog? Check it from here.


GitHub

You can report bugs, download old releases, contribute the code, and do more from the repository! The code is licensed with MIT license, as said in README.md and LICENSE files.

Donate

Creating a donation page didnā€™t and wonā€™t prevent me from making free and open source stuff, never. I will continue what I do as always, with donations or without them. However, if you like my content, you can support me on Buy Me A Coffee. Thanks for being interested :smile:

Buy Me A Coffee


You can post in topic for help, a question about this extension, or PM me anything about you want to talk about!

- Yusuf Cihan

209 Likes
Dynamic CardView Template
Horizontal Dynamic Layout
5 Different Listviews using Dynamic component Extension | Guide
#CinelarTV, a digital streaming platform
Dynamic Button - Create Oval Button?
Dynamic Shopping Item Cards Template
Custom Dynamic Circular Image Icon List
Custom Search Bar with Simple & Dynamic Listview | Guide
How to create Dynamic View Pager| Guide
WhatsApp like list
How to Create Any Design Using Dynamic Components Extension
Image viewer app
Dynamic Real Estate App Design | Simple And Clean UI
Load Items when User Scroll [Advance & Unique]
Dynamic Product Review Page Template | Comments Page | Dynamic Components
Dynamic label help
[Free] Coffee Shop UI Design with listview and Overlap
Parallax Effect In Kodular (Step-By-Step Guide)
Fantasy Cricket App with Admin pannel
Back to the TOP [GUIDE] Now with Utube tutorial
UI/UX for Delivery App
[OS] Custom YT Channel App + Admin App
Help For Dynamic Component
How can I create this match design with dynamic omponent
Custom Listview
How to add vertical arrangement with button
Dynamic card view - Gradient Background
Three Dynamic buttons in a horizontal manner
How to create dynamic button in dynamic cardview?
List View...I would like to display a list like this from TinyDB
How I set more than one image sprite on canvas
How heavy are card views?
Horizontal arrangement in dynamic card view
D Wallpapers 2.0 šŸ”„
OnClick method for Dynamic Label
Create sprite from code
Dynamic Label - GetWidth BUG
How to get three corner chat bubble?
Get Data from Airtable
Dynamic label clickable
Scores and Markers APP on :google_play: [v 1.1]
Listview with image, tag item when looked
How to create image sprite by clicking button
Using Dynamic Cards in your app
Categories with Grid view component
Font Awesome 5 in block section
Kodular Community App (Unofficial) [OpenSource AIA]
Is this Possible To Make This With Custom List View
Runtime Error in Dynamic Components Extension
Dynamic card view where problem for showing different types of Images
Get the Parent Component/ Layout of a Button?
Quizzer - Create or Join Online Test
How can i set border shadow of a dynamic button?
Dynamic Image view
Help me to creat this type of list view in my app
A guide to manipulate a list of lists (...of lists)
Companion Crashing a lot?
Too many buttons and labels on one screen?
Table List of Products with database
Dynamic image Scale picture to fit block not working
Cloudinary doubts
How can I make user create button and custom it?
Need New Listview Extension
Dynamic Components Extension, Why I am Facing this problem?
How to compress image using DevYB compression extension and then load the image asynchronously using the image utilities component?
Dynamic components slow loading
How to put PLAY ICON over all dynamic images?
DX execution failed
Dynamic component not showing
News app (Animations + Auto news + UI + etc) (Paid)
Clone or Instance or Replicate a visual Arrangment with conent
Material Icons font in Dynamic Labels
Best of 2020 (only Kodular)
2020: The Year in Review
Getting This Runtime Error / Dynamic Component
Community doubt in sidebar
Color for ID my charts with the dynamic element extension
Arrange Dynamic Labels Horizontally inside Dynamic Card View
Arrange Dynamic Labels Horizontally inside Dynamic Card View
Found a error or bug with dynamic component aix
How to make dynamic image clickable?
Dynamic Delivery Listview - Clean UI
Get image from Dynamic Image component
How to refresh list after deleting some data from list
Structure like this!
It is possible to create a system q create a new page by yourself, with the information provided
Index of Available Extensions
Why I am facing this issue with dynamic component .?
Photocards from KPop albums.
How to change font type of a label and button in dynamic component
Any dynamic components
Dynamic Video Player Component
Expert opinion required - Will my app crash if I use multiple dynamic compnoments?
How to make like this
Tutorials from a-z, How to create schema templates with DynamicComponents and Python
How to change Dynamic label font Style
How to make these systems in kodular app
Adobe xd ui import to Kodular
Async image loader not working with dynamic image component under certain circumstances
How to make this dynamic
Limits on number of blocks?
Listview feedback to checkbox
How to get items form firebase in listview
Consecutive labels
Any Type of Custom ListView for just $1 by using Dynamic Component Extension [ Deliver within 24hrs after order ]
Stopwatch Extensions
Dynamic Image sprite
Arbitrary Number of Horizontal Arrangements with Checkbox and Button [SOLVED]
Help on creating card view with image inside
I'm trying to set horizontal arrangement in dynamic components plugin but it doesn't work
[F/OS] Recycler List View - Render larger data sets efficiently using `RecyclerView` for AppInventor & Distros
Problem in button click event
How can I add variant selection and colour choose option like other e commerce apps?
How to create 'Order History' screen
How to create 'Order History' screen
How to make a social feed?
Create Radio Button In Dynamic Card View
How to make horizontal list view
How can I list images without text?
Can any one make a list view extention?
Dynamic Card Viewer - Doesnt Work
Dynamic Card Viewer - Doesnt Work
Filter and Freeze Title
Retrieve the cells of a column and fill each label with each cell?
Display all items of a dictionary (variable amount)
Card View extension - info
How to get data from firebase or airtable in particular label
How to create Dynamic list Dynamic item
Someone develop that makes extension
App crashes when use 2 fingers
[Free/OS] Dynamic Click Utils - An Extension to handle clicks on child components easily with dynamic components
Hex to Kodular / RGB converter [Python]
Speedie : Speedometer widget for your apps
Cardview error on loading image
How to make WhatsApp status like app?
Creating new assets on the screen with one click
Confusion in selection of components for my task
How can I make ( Swiping up)
How to make slider like this
Make a list from datas in dynamic textboxes
Want to add timing, downloading & add to favorites in Mp3 Player
I need to create a custom listview like this example
Know More deeper about chatview!
How to make Super Fast Card View Loading Walpaper Apk
How to style listview elements in such a wonderful manner?
How to make a lot of buttons automatically?
How to create Multi Form step by step
How to get multiple images from camera and send file to a web api
Building a to do list application using dynamic components
Colintree Extra button selection
How To Add Slider In Dynamic Cardveiw
Tab effect like this in App?
Simple design using dynamic extension
How to do dynamic image caching on kodular
Help with custom list view
[Sale Now $7 ] Fancy Text
I Need Help With Web Scraping [If Help 5$]
dynamic arrangement
Fetching airtale column data separately
How can I use collintree list with subtitle but without icon
How to write block for 50 favorite buttons
List View - disable any click in the list after picking
Dynamic Card Components with Horizontal Arraigement inside
Dynamic Card Components with Horizontal Arraigement inside
Simple Dynamic image slider with animation using free extensions
Dynamic label in dynamic card view
How to make this type of design
Create a list with data of database
Simple eBook app ( Boi-somver )
(free for a short time) WordMind - a game similar to Wordle - only better ;-)
Create a comment or a message (procedure)
Dynamic sprites aren't moving
Problems with corner radius card view on image utilities
My app is crashing and I dont know the reason for it
Listview with image with 2 Button Like facebook Friend request layout
Maths: how to restrict input to specific values
Point in direction not working with Dynamic Component
Dynamic arrangement
[FREE] Yabber, chat with your friends! - Design chat app
Get all user data from airtable - Admin App
How to download videos like this in list views 4 file download at same time ? It's possible or not
[PAID]RePosition - Create you Layout
How do I format a list?
How to auto generated checkbox
Element/button loop next to list
[GUIDE] Kodular + Discourse Community Implementation
Create table to view mysql data
Designs - Dynamic Schema (Graphics TIMELINE)
How to add pre designed horizontal arragment in dynamic card view
List view horizontaly
[FREE] Dynamic Recyclerview (Create beautiful ListViews - GridViews, ChipGroups)
Quiz Extension [Paid] ā° šŸ“
This type clicking option available list view available?
This type clicking option available list view available?
[FREE] Dynamic Components
Withdraw history using dynamic components & firebase database
Hex color converter for Dynamic Schema
How to Refreshing list with dynamic component Extension
[BETA] Bard AI - AI Powered App
Dynamic list view using Firebase as database, get data and show in dynamic List view
NatureGO - Advanced Social Media App With Many Features
Can someone post the create block or add photo name and email to a dynamic list
( Relp )How do I show the text inside the notifier?
[PAID] Headlines Pro - A Fully Featured & Automated NEWS App
How can I create a Dynamic component inside another dynamic component?
Colintree procedure help
I want to add share, copy text and favourite button in the list view component, how can i do this?
Any idea for multiple progress bar?
Help For Dynamic Component
Load items as user Scrolls
Vertical arrangement limit
"Ooops! We tripped on a Bug!" message and "DX execution failed" error
Can we use 1 Spreadsheet component to get cell deta from 2+ tabels at a time?
Different behavior for image and text in a Text and image list view
View Flipper Clickable
Dinamic components
Descending order
Image does not appear when installed on another phone
Dynamic cardview and airtable with several columns
Horizontal scroll like playstore
Can't set text on Dynamic Button "On App Resume"
Need help to solve error in Dynamic CardView
[Discontinued] Dynamic Arrangements Extension v2
Add webviewer in dynamic card
Dynamic image help
Getting error in creating dynanic horizontal arrangement in dynamic card view
Feedback: Focus on scaling the Dynamic Component's usability
[Free] DragAndDrop Extension
Attempt to read from null array
How to make a online private bar graph for each user of the application?
Create a text field extension for a canvas
How to add asyncimageloader with my block?
More then one picture in each line of a listview
How to add a Horizontal Arrangement contains 4 lables with button click
Needed help regarding dynamic button
Block alignment need it
AIA Marketplace - a unique store to download freemium aia
[Discontinued] Dynamic Arrangements Extension v2
[Discontinued] Dynamic Arrangements Extension v2
Help develop grid view
Problems with custom app themes
Making of drop down list
Gallery App - problem
OnClick method for Dynamic Label
How to use dynamic tools in kodular
How to change button text fount typeface using block?
What is the alternative of Custom ListView deephost extension
Video player extension help
[F/OS] Image Loader - Extension for image loading and caching
Is it possible in kodular to show a different content in different countries
Draw in-app i need your support in this regard
What are Dynamic component?
Floating Button, List view air table
How can I set type font in Dynamic Label
Dx Stage Error (I cannnot export)
How to create and delete dynamic card view via unique value
Dynamic cardview showing blank
[FREE / Open Source] ZipFile - Read ZIP contents without extracting
5 Different Listviews using Dynamic component Extension | Guide
Expandable List View
How to Make App like deep host
How to this data list card view
How to show in horizontal
How to set image of dynamic button?
How can i create multiple dynamic cardviews
Reorder the UI component list or indeed the order of any component list?
Shadow in dynamic buttons?
How to make on screen folder?
Add item on top in an scroll arrangement dynamic list
Rating bar in Dynamic Card View for user's publications
App, with many blocks, helps
Add Checkbox (SubList)
How to set any label to HTML format?
Font size in dynamic card view
Add a fixed label between the dynamic component
How to delete a button made with dynamic components, by click in it
Why size dynamic button shows wrong when running app?

Now Thatā€™s a Real Dynamic Component Extension :+1:

20 Likes

Absolutely right @Abhijith_Dominic,
For me it is the best Extension :ok_hand: :ok_hand:

8 Likes

Nice extension. Keep up the good work.

7 Likes

thanks for making this extensions :sweat_smile:

7 Likes

The components in MiTApp inventor do not have many features like you cannot change the font of button or lable, so what can we do with the help of this extension ?

4 Likes

Good Job! Way to go!

5 Likes

Good joob, and thanks!

6 Likes

This post was flagged by the community and is temporarily hidden.

14 Likes

itā€™s really amazing :heart_eyes: :heart_eyes:

6 Likes

I donā€™t like Discourse anymoreā€¦ Because it doesnā€™t let me give 100 likes to a post!!! :star_struck:
Excellent job @yusufcihan!!!
Iā€™ll check it with the update to my brick breaker game and see how it handles creating 238 sprites for the bricks (The current version has 70 bricks total).
I know is a lot, but since they are all static, I think it will not be a problem.

28 Likes

You canā€™t in App Inventor (not Inverter) but you can in Kodular. With this extension you can create components at runtime instead of creating them in the designer. And you can change the properties of those dinamically generated components by using the Any component blocks.

13 Likes

Can we create dynamic banner ads with the help of this extension?

5 Likes

Does the Remove block, actually removes the component completely from memory?

6 Likes

How can i edit component
can i edit it with ā€œAny Componentā€ feature in blocks

5 Likes

Kodular is now 60% of Android Studio
10% for more features
20% for background working
10% bugs

12 Likes

Yep, it removes from layout (not hide) and removes its ID from created component list. So you can create a new component with same ID.

12 Likes

Yes. You need to use Any Component blocks for editing the components.

I love this reaction :rofl: Thank you! :smile:


By the way, thanks for your interest about this extension, you all made me happy! :blush: Let me know if you need another thing which is not implemented in App Inventor yet. Iā€™d love to create new possibilities for everyone. :grin:

18 Likes

Can we make an cardview with that

6 Likes

Edited: Yes, just use MakeroidCardView name.

11 Likes