Add Detail Text on App Inventor ListView

Since version nb187 (mid 2021), App Inventor adding support for custom list view. This is anticipated feature that make App Inventor capable to display multiple custom list view:

• Basic list
• Main text and Detail text (both vertical and horizontal)
• Picture, Main text and Detail text

I’ve been waiting this for so many years, and it finally here. We used to put HTML line break on Kodular to display simple main and detail list view. App Inventor Custom List View is now a native component.

But how it works? How we put item dynamically? How we add item programmatically as Main text and Detail Text on List View.

App Inventor have native built-in function to add item as

• Main text
• Detail text
• Image

Here’s example

And here’s the result