ListView.itemTemplate ve NativeScript'teki Resimler

Question

NativeScript için bir Rehber Listesi türü POC oluşturmaya çalışıyorum. Ve bir liste öğesinde bir görüntü ve isim olmasını istiyorum. Görünüşe göre, başlık değeri ince geliyor

<Page loaded="pageLoaded"> 
    <ListView items="{{ myItems }}"> 
     <ListView.itemTemplate> 
      <Image src="{{ imageSrc }}" /> 
      <Label text="{{ title }}" /> 
     </ListView.itemTemplate> 
    </ListView> 
</Page> 

şöyle ben düzeni için kullanıyorum kodudur, ancak görüntü hiç görünmüyor. Aynı Görüntü kodunu boş bir sayfaya koymaya çalıştığımda, NativeScript sayfayı görüntü ile oluşturur.

Listede neden görüntünün liste görünümünde görünmediğini söyleyen var mı? Ve nasıl görüntülenebilir?

Teşekkürler

Answer 1

Bunu test ettim; İç öğeleri bir mizanpaja yerleştirmeniz gerekiyor. Ben itemTemplate sadece bir çocuk olabilir inanıyorum. Tüm testlerim itemTemplate'in tek bir çocuğa işaret ettiğini gösteriyor.

Bu, tek bir çocuk iki öğenizi de içeren bir StackLayout olduğu için iyi çalışır.

XML:

var observableArray = require("data/observable-array"); 
function onPageLoaded(args) { 
    var page = args.object; 
    var array = new observableArray.ObservableArray(); 

    array.push({title: "Title1", src: 'http://master-technology.com/images/Logo1.gif')}); 
    array.push({title: "Title2", src: 'http://master-technology.com/images/demos/Apps-TurnItOffLogo.gif')}); 

    page.bindingContext = {myItems: array}; 
} 
exports.onPageLoaded = onPageLoaded;