iOS List Trennzeichen Rand Problem auf NativeScript

Question

Ich arbeite an einer iOS-Anwendung mit NativeScript. Ich würde gerne wissen, wie das Listentrenn Marge Problem zu beheben:

Answer 1

In NativeScript können Sie nur die Farbe des Separators mit der Eigenschaft ändern separatorColor
Sie können jedoch die native iOS-API verwenden, um die Standard-Trennzeichen zu ändern Margen (einer der Vorteile mit NativeScript ist der Zugriff auf die nativen APIs) Hier ist ein Beispielcode:

function onLoaded(args) { 
    page = args.object; 
    page.bindingContext = { "items": allItemsViewModel }; 

    var listView = page.getViewById("all-items"); 
    var tableView = listView.ios; 
    for (var i = 0; i < allItemsViewModel.length; i++) { 
     var cellIndexPath = NSIndexPath.indexPathForItemInSection(i, 0); 
     var cell = tableView.cellForRowAtIndexPath(cellIndexPath); 
     if (cell !== null) { 
      cell.preservesSuperviewLayoutMargins = false; 
      cell.separatorInset = UIEdgeInsetsZero; 
      cell.layoutMargins = UIEdgeInsetsZero; 
     } 
    } 
} 

Answer 2

Oder Sie könnten die Trenn Farbe transparent

<ListView items="{{ itemsArray}}" separatorColor="#00000000"> 

gerade eingestellt

Dann in der itemTemplate Sie Ihren eigenen Separator und steuern den Rand, Höhe, Farbe, ect direkt aus XML erstellen:

<ListView.itemTemplate> 
    <StackLayout> 
    ... 
    <StackLayout backgroundColor="#708090" height="1"/> 
    <StackLayout> 
</ListView.itemTemplate>