Implement ListView template

[rigor789]

There is currently no way to specify item templates inside ListViews

[rigor789]

My idea for the solution is to have a component, with a slot. Have yet to explore the details on how to tackle this, but seems like the most reasonable way to go about it!

Other concern is multiple item templates, which I don't know how will work yet.

If you have any ideas or suggestions, please write them down here! Even if it's just brainstorming, really helps with coming up with solutions.

[vjoao]

The angular renderer implements it with a detached container element for item templates:
https://github.com/NativeScript/nativescript-angular/blob/master/nativescript-angular/directives/list-view-comp.ts

[rigor789]

If I wanted to set the itemTemplate on the ListView, what gets passed? According to the docs, it can either be a string or a Template. Is a detached container considered a template (Detached Container is a ProxyViewContainer?

(Mostly leaving these links here so it's easier to find!)

[vjoao]

Yes, Detached Container is a ProxyViewContainer
https://github.com/NativeScript/nativescript-angular/blob/fa089aa67f82c66dd2c37f25b5aca6deed5244e3/nativescript-angular/element-registry.ts#L111

[vjoao]

When you pass a String or a Template to itemTemplate, it gets passed to the builder.parse function for it to return a View.

https://github.com/NativeScript/NativeScript/blob/master/tns-core-modules/ui/builder/builder.ts#L27

[rigor789]

So it expects xml in that case? I think we should pass it a template instead of generating xml that will get parsed again.

[rigor789]

On the vue side, after a quick read through docs, I think we need to use scoped slots