How to use the nativescript-ui-listview.ListViewViewType.ItemView function in nativescript-ui-listview
To help you get started, we’ve selected a few nativescript-ui-listview examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
bakerac4 / glimmer-native / dist / src / dom / native / RadListViewElement.js View on Github 
loadView(viewType) {
if (viewType === ListViewViewType.ItemView) {
console.log('creating view for ', viewType);
let wrapper = createElement('StackLayout');
wrapper.setAttribute('class', 'list-view-item');
const template = this.itemTemplateComponent;
const component = GlimmerResolverDelegate.lookupComponent('my-insane-component');
const compiled = component.compilable.compile(Application.context);
const cursor = { element: wrapper, nextSibling: null };
// let component = Compilable(template.args.src);
// const compiled = component.compile(Application.context);
let componentInstance = Application._renderComponent(null, cursor, compiled, template.args);
let nativeEl = wrapper.nativeView;
nativeEl.__GlimmerComponent__ = componentInstance._meta.component;
return nativeEl;
}
}
updateListItem(args) {loadView(viewType: string): View {
if (viewType === ListViewViewType.ItemView) {
console.log('creating view for ', viewType);
let wrapper = createElement('StackLayout') as NativeElementNode;
wrapper.setAttribute('class', 'list-view-item');
const template = this.itemTemplateComponent as any;
const component = GlimmerResolverDelegate.lookupComponent('my-insane-component');
const compiled = component.compilable.compile(Application.context);
const cursor = { element: wrapper, nextSibling: null } as Cursor;
// let component = Compilable(template.args.src);
// const compiled = component.compile(Application.context);
let componentInstance = Application._renderComponent(null, cursor, compiled, template.args);
let nativeEl = wrapper.nativeView;
(nativeEl as any).__GlimmerComponent__ = componentInstance._meta.component;
return nativeEl;
}
}logger.debug("creating view for " + viewType);
let wrapper = createElement('StackLayout') as NativeViewElementNodeprivate loadView(viewType: string): View {
if (viewType.toLowerCase() == ListViewViewType.ItemView.toLowerCase() && typeof this.nativeElement.itemTemplates == "object" ) {
let keyedTemplate = this.nativeElement.itemTemplates.find(t => t.key == "default");
if (keyedTemplate) {
return keyedTemplate.createView()
}
}
let componentClass = this.getComponentForView(viewType);
if (!componentClass) return null;
logger.debug("creating view for " + viewType);
let wrapper = createElement('StackLayout') as NativeViewElementNodenativescript-ui-listview
A powerful data list control implementing a bunch of features native to the mobile world as item animations, pull-to-refresh, item layouts, load-on-demand, swipe-to-execute, etc.
