Nativescript的RadListView中的中心项

时间:2019-08-26 10:45:44

标签: angular nativescript radlistview

在本机角度应用程序中,我无法将RadViewList的元素居中显示在屏幕中间。 在游乐场中查看:https://play.nativescript.org/?template=play-ng&id=ZFOHYN&v=4

我尝试了几种没有结果的方法:FlexBoxLayout,horizo​​ntalAlignment和verticalAligmnent,内联CSS,CSS显示Flex。

在游乐场观看:https://play.nativescript.org/?template=play-ng&id=ZFOHYN&v=4


<?php
include("db.php");

$stmt = $conn->prepare("select patientno,name,phone,address from patient order by patientno DESC ");


if ($stmt->execute()) {
$stmt->bind_result($patientno,$name,$phone,$address);
while ( $stmt->fetch() ) {

    $output[] = array ("patientno"=>$patientno, "name"=>$name,"phone"=>$phone,"address"=>$address);
}

echo json_encode( $output );

该元素位于左上角!!

2 个答案:

答案 0 :(得分:1)

尝试向内部网格中添加这样的垂直对齐方式:

<GridLayout class="vcenter">
...

在样式表中包含此内容

.vcenter {
    vertical-align: center;
}

答案 1 :(得分:0)

请删除此行

 <ListViewGridLayout tkListViewLayout scrollDirection="Vertical" ios:itemHeight="250" spanCount="5"> 
 </ListViewGridLayout>

并且应该可以正常工作