[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 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)

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 on Patreon

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 Patreon and access some benefits in exchange for your donation. Thanks for being interested :smile:

image


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

- Yusuf Cihan

166 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
Simple Dynamic slider with animation using free extensions
Custom Dynamic Circular Image Icon List
Custom Search Bar with Simple & Dynamic Listview | Guide
How to create Dynamic View Pager| Guide
How to Create Any Design Using Dynamic Components Extension
WhatsApp like list
Dynamic label help
Load Items when User Scroll [Advance & Unique]
Image viewer app
Dynamic Real Estate App Design | Simple And Clean UI
Dynamic Product Review Page Template | Comments Page | Dynamic Components
Fantasy Cricket App with Admin pannel
Parallax Effect In Kodular (Step-By-Step Guide)
[Free] Coffee Shop UI Design with listview and Overlap
UI/UX for Delivery App
Help For Dynamic Component
How can I create this match design with dynamic omponent
How to add vertical arrangement with button
List View...I would like to display a list like this from TinyDB
Back to the TOP [GUIDE] Now with Utube tutorial
Three Dynamic buttons in a horizontal manner
Dynamic card view - Gradient Background
How to create image sprite by clicking button
How heavy are card views?
Create sprite from code
OnClick method for Dynamic Label
D Wallpapers 2.0 🔥
How I set more than one image sprite on canvas
[OS] Custom YT Channel App + Admin App
Get Data from Airtable
Categories with Grid view component
How to get three corner chat bubble?
Font Awesome 5 in block section
Custom Listview
How to compress image using DevYB compression extension and then load the image asynchronously using the image utilities component?
Dynamic Components Extension, Why I am Facing this problem?
Need New Listview Extension
Cloudinary doubts
Dynamic image Scale picture to fit block not working
Table List of Products with database
Too many buttons and labels on one screen?
Companion Crashing a lot?
A guide to manipulate a list of lists (...of lists)
Help me to creat this type of list view in my app
Dynamic Image view
How can i set border shadow of a dynamic button?
Quizzer - Create or Join Online Test
Get the Parent Component/ Layout of a Button?
Dynamic card view where problem for showing different types of Images
Runtime Error in Dynamic Components Extension
Why size dynamic button shows wrong when running app?
How to delete a button made with dynamic components, by click in it
Add a fixed label between the dynamic component
Font size in dynamic card view
How to set any label to HTML format?
Add Checkbox (SubList)
App, with many blocks, helps
Rating bar in Dynamic Card View for user's publications
Scores and Markers APP on :google_play: [v 1.1]
Add item on top in an scroll arrangement dynamic list
How to make on screen folder?
Shadow in dynamic buttons?
Reorder the UI component list or indeed the order of any component list?
How can i create multiple dynamic cardviews
How to create dynamic button in dynamic cardview?
How to set image of dynamic button?
How to this data list card view
How to Make App like deep host
Expandable List View
5 Different Listviews using Dynamic component Extension | Guide
[FREE / Open Source] ZipFile - Read ZIP contents without extracting
Dynamic cardview showing blank
How to create and delete dynamic card view via unique value
Dx Stage Error (I cannnot export)
What are Dynamic component?
Attempt to read from null array
More then one picture in each line of a listview
Gallery App - problem
Vertical arrangement limit
Load items as user Scrolls
Help For Dynamic Component
View Flipper Clickable
Image does not appear when installed on another phone
How can I create a Dynamic component inside another dynamic component?
Need help to solve error in Dynamic CardView
Any idea for multiple progress bar?
Dynamic cardview and airtable with several columns
Horizontal scroll like playstore
Colintree procedure help
Draw in-app i need your support in this regard
Is it possible in kodular to show a different content in different countries
[F/OS] Image Loader - Extension for image loading and caching
What is the alternative of Custom ListView deephost extension
How to change button text fount typeface using block?
How to use dynamic tools in kodular
OnClick method for Dynamic Label
Making of drop down list
[Discontinued] Dynamic Arrangements Extension v2
Help develop grid view
[Discontinued] Dynamic Arrangements Extension v2
Block alignment need it
Needed help regarding dynamic button
How to add a Horizontal Arrangement contains 4 lables with button click
How to add asyncimageloader with my block?
Create a text field extension for a canvas
How to make a online private bar graph for each user of the application?
DragAndDrop Extension
Feedback: Focus on scaling the Dynamic Component's usability
Getting error in creating dynanic horizontal arrangement in dynamic card view
Dynamic image help
Add webviewer in dynamic card
[Discontinued] Dynamic Arrangements Extension v2
Can't set text on Dynamic Button "On App Resume"
Video player extension help
Can any one make a list view extention?
How to make horizontal list view
Create Radio Button In Dynamic Card View
How to create 'Order History' screen
How to create 'Order History' screen
How can I add variant selection and colour choose option like other e commerce apps?
Help on creating card view with image inside
Dynamic Label - GetWidth BUG
I'm trying to set horizontal arrangement in dynamic components plugin but it doesn't work
Dynamic Image sprite
Im creating e commerce
How to change font type of a label and button in dynamic component
Descending order
Problem in button click event
Arbitrary Number of Horizontal Arrangements with Checkbox and Button [SOLVED]
Horizontal arrangement in dynamic card view
Stopwatch Extensions
Consecutive labels
Any Type of Custom ListView for just $1 by using Dynamic Component Extension [ Deliver within 24hrs after order ]
[PAID] Headlines Pro - A Fully Featured & Automated NEWS App
Dynamic Video Player Component
How to make like this
Any dynamic components
Adobe xd ui import to Kodular
AIA Marketplace - a unique store to download freemium aia
Dynamic component not showing
How to show in horizontal
Can we use 1 Spreadsheet component to get cell deta from 2+ tabels at a time?
Limits on number of blocks?
Async image loader not working with dynamic image component under certain circumstances
How to make these systems in kodular app
Kodular Community App (Unofficial) [OpenSource AIA]
How to change Dynamic label font Style
Tutorials from a-z, How to create schema templates with DynamicComponents and Python
Expert opinion required - Will my app crash if I use multiple dynamic compnoments?
Photocards from KPop albums.
Why I am facing this issue with dynamic component .?
Index of Available Extensions
It is possible to create a system q create a new page by yourself, with the information provided
Structure like this!
How to refresh list after deleting some data from list
How can I set type font in Dynamic Label
Floating Button, List view air table
How can I make user create button and custom it?
Problems with custom app themes
"Ooops! We tripped on a Bug!" message and "DX execution failed" error
I want to add share, copy text and favourite button in the list view component, how can i do this?
Dinamic components
Get image from Dynamic Image component
Dynamic Delivery Listview - Clean UI
How to make dynamic image clickable?
Listview with image, tag item when looked
Found a error or bug with dynamic component aix
Arrange Dynamic Labels Horizontally inside Dynamic Card View
Arrange Dynamic Labels Horizontally inside Dynamic Card View
Color for ID my charts with the dynamic element extension
Community doubt in sidebar
Getting This Runtime Error / Dynamic Component
2020: The Year in Review
Best of 2020 (only Kodular)
Material Icons font in Dynamic Labels
Clone or Instance or Replicate a visual Arrangment with conent
News app (Animations + Auto news + UI + etc) (Paid)
DX execution failed
How to put PLAY ICON over all dynamic images?
Dynamic components slow loading

Now That’s a Real Dynamic Component Extension :+1:

18 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.

13 Likes

it’s really amazing :heart_eyes: :heart_eyes:

5 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.

25 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.

11 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?

5 Likes

How can i edit component
can i edit it with “Any Component” feature in blocks

4 Likes

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

8 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.

10 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