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

Posted 2023-04-13

【中文标题】如何在nativescript angular中隐藏ios的水平滚动指示器

【英文标题】：How to hide horizontal scroll indicator for ios in nativescript angular

【发布时间】：2019-06-30 02:23:57

【问题描述】：

您好，我正在使用 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"   [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 ></Label>
                        </StackLayout>
                </ng-template>
                <ListViewLinearLayout tkListViewLayout scrollDirection="Horizontal"></ListViewLinearLayout>
        </RadListView>

【问题讨论】：

既然你已经用RadListView标记了这个，你能确认你使用的是哪个项目布局吗？示例代码可以让您更清楚地了解您到底在寻找什么。

好的，我会给你我的代码。

有什么解决办法吗？ @Manoj

【参考方案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;
    

Playground Sample

【参考方案2】：

iOS： myListView.ios.showsVerticalScrollIndicator = false;

机器人： myListView.android.setVerticalScrollBarEnabled(false);

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