Nativescript-ui-feedback: RadListView - hide/show scroll bar (indicator)

Created on 27 Jul 2018  路  8Comments  路  Source: ProgressNS/nativescript-ui-feedback

Hi,

on IOS I want to hide the scroll bar (indicator), how can I do that?
it seems like in android there is no scroll bar by default, so it would be also nice to know how to set an scroll bar on android.

Thanks a lot! :)

feature listview

Most helpful comment

While this is not implemented you could use this code below:

<GridLayout rows="54" columns="*">
    <RadListView [items]="items" class="list-view" (itemTap)="onTap($event)" (loaded)="onLoaded($event)">
        <ng-template tkListItemTemplate let-item="item">
           ...
        </ng-template>
        <ListViewLinearLayout tkListViewLayout scrollDirection="Horizontal"></ListViewLinearLayout>
    </RadListView>
</GridLayout>

onLoaded(e) {
        if (isIOS) {
            e.object.ios.collectionView.showsHorizontalScrollIndicator = false;
            e.object.ios.collectionView.showsVerticalScrollIndicator = false;
        }
    }

All 8 comments

+1

Any update on this?

+1

Any update on this?

While this is not implemented you could use this code below:

<GridLayout rows="54" columns="*">
    <RadListView [items]="items" class="list-view" (itemTap)="onTap($event)" (loaded)="onLoaded($event)">
        <ng-template tkListItemTemplate let-item="item">
           ...
        </ng-template>
        <ListViewLinearLayout tkListViewLayout scrollDirection="Horizontal"></ListViewLinearLayout>
    </RadListView>
</GridLayout>

onLoaded(e) {
        if (isIOS) {
            e.object.ios.collectionView.showsHorizontalScrollIndicator = false;
            e.object.ios.collectionView.showsVerticalScrollIndicator = false;
        }
    }

try this:
scrollBarIndicatorVisible="false"

try this:
scrollBarIndicatorVisible="false"

Unfortunately it's just working on RadListView and Not on regular ListView.

Do we still not have support in ListView?

Was this page helpful?
0 / 5 - 0 ratings