[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

📂 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

148 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?
Custom Dynamic Circular Image Icon List
Simple Dynamic slider with animation using free extensions
Dynamic Shopping Item Cards Template
Custom Search Bar with Simple & Dynamic Listview | Guide
Dynamic label help
How to Create Any Design Using Dynamic Components Extension
How to create Dynamic View Pager| Guide
WhatsApp like list
Image viewer app
Load Items when User Scroll [Advance & Unique]
Dynamic Real Estate App Design | Simple And Clean UI
Dynamic Product Review Page Template | Comments Page | Dynamic Components
Parallax Effect In Kodular (Step-By-Step Guide)
Fantasy Cricket App with Admin pannel
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
How heavy are card views?
OnClick method for Dynamic Label
D Wallpapers 2.0 🔥
How to get three corner chat bubble?
How I set more than one image sprite on canvas
How to create image sprite by clicking button
Create sprite from code
Three Dynamic buttons in a horizontal manner
Dynamic card view - Gradient Background
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
Horizontal arrangement in dynamic card view
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
Get Data from Airtable
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?
Arbitrary Number of Horizontal Arrangements with Checkbox and Button [SOLVED]
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
Daily Challenge - 91 (UI Challenge - 2)
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
Font Awesome 5 in block section
Video player extension help
What is the alternative of Custom ListView deephost extension
How to change button text fount typeface using block?
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"
How to use dynamic tools in kodular
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
How to add dynamic arrangement components inside dynamic card view
Tutorials from a-z, How to create schema templates with DynamicComponents and Python
[Free] Coffee Shop UI Design with listview and Overlap
Expert opinion required - Will my app crash if I use multiple dynamic compnoments?
List View...I would like to display a list like this from TinyDB
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
Custom 3 Column Grid View
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
Where can i get the type of extension which can make this arrangements dynamically
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
How to compress image using DevYB compression extension and then load the image asynchronously using the image utilities component?
Categories with Grid view 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
Custom Listview

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

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

10 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

5 Likes

Edited: Yes, just use MakeroidCardView name.

11 Likes