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

Question

您好我正在使用 NativeScript-Angular 为 iOS 和 Android 开发应用程序。我已经ListView使用RadListView插件创建了水平。一切正常，但滚动指示器不会隐藏在 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

这应该适用于 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;
    }
}

游乐场样本

Answer 2

iOS：myListView.ios.showsVerticalScrollIndicator = false；

android: myListView.android.setVerticalScrollBarEnabled(false);

上面的代码对我有用，用于隐藏垂直滚动。您可以尝试相同的 Horizo​​ntalScrollIndicator ...