如何在 nativescript angular 中隐藏 ios 的水平滚动指示器

Question

您好，我正在使用 NativeScript-Angular 为 iOS 和 Android 开发应用程序。我使用 RadListView 插件创建了水平 ListView。一切正常，但滚动指示器没有隐藏在 iOS.

中

在 Android 中隐藏了滚动指示器。我如何解决 iOS 中的这个问题？

我的 Html 文件：

 <RadListView row="0" selectionBehavior="Press" (itemSelected)="onItemSelected($event)"  #menurad class="m-t-10" row="0" height="50"  [items]="allMenuList">
                <ng-template tkListItemTemplate let-themenu="item" let-i="index">
                        <StackLayout orientation="horizontal" (tap)="menuClick(i)" >
                                <Label class="Selected" [text]="themenu.menuName" ></Label>
                                <Label width="20"></Label>
                        </StackLayout>
                </ng-template>
                <ListViewLinearLayout tkListViewLayout scrollDirection="Horizontal"></ListViewLinearLayout>
        </RadListView>

Answer 1

iOS: myListView.ios.showsVerticalScrollIndicator = 假；

android: myListView.android.setVerticalScrollBarEnabled(假);

以上代码对我有用，用于隐藏垂直滚动。您可以对 HorizontalScrollIndicator 进行同样的尝试 ...

Answer 2

这应该适用于 RadListView

onLoaded(event) {
    const listView = event.object;
    if (listView.ios) {
        listView.ios.collectionView.showsHorizontalScrollIndicator = false;

        // In case of vertical scrollbars uncomment the line below 
        // listView.ios.collectionView.showsVerticalScrollIndicator = false;
    }
}

Playground Sample

如何在 nativescript angular 中隐藏 ios 的水平滚动指示器

How to hide horizontal scroll indicator for ios in nativescript angular

nativescript

nativescript-angular

radlistview