ScrollView scrollToVerticalOffset don't work on Android

I want to include a scrollToId() method in my ts.

fiche.html :

<ScrollView id="myScroller">
       <FlexboxLayout (tap)="scrollToId('google-map')">
           .....
       </FlexboxLayout>
       <FlexboxLayout (tap)="scrollToId('horaire')">
            ....
       </FlexboxLayout>
       <StackLayout id="horaire">
          ....
       </StackLayout>
       <GridLayout id="google-map">
            ...
        </GridLayout>
</ScrollView>

fiche.ts :

public scrollToId(id: string) {
        if (this.scrollLayout == null) {
            this.scrollLayout = this.page.getViewById("myScroller");
        }

        let focus = this.page.getViewById(id);

        this.scrollLayout.scrollToVerticalOffset(focus.verticalOffset, false);
    }

All is ok on IOS but on Android, no scroll to StackLayout or GridLayout.

Any help on this?

[NickIliev]

@Neferteus neither StackLayout nor GridKLayout have verticalOffset property. However you can use methods like getLocationRelativeTo or getLocationOnScreen / getLocationOnWindow or even getMeasuredHeight to calculate and scroll to the desired position.

e.g. page.component.html

<ScrollView #myScroller>
    <StackLayout>
        <Button #btn text="scrollTo" (tap)="scrollTo()"></Button>

        <StackLayout>
            <Image src="res://logo"></Image>
            <Image src="res://icon"></Image>
            <Image src="res://logo"></Image>
            <Image src="res://icon"></Image>
        </StackLayout>

        <GridLayout #grid width="200" height="200" backgroundColor="green">
            
        </GridLayout>
    </StackLayout>
</ScrollView>

page.component.ts

export class AppComponent implements OnInit {

    @ViewChild("myScroller") sv: ElementRef;
    @ViewChild("btn") btn: ElementRef;
    @ViewChild("grid") gr: ElementRef;

    scrollLayout: ScrollView;
    button: Button;
    grid: GridLayout;

    ngOnInit() {
        this.scrollLayout = this.sv.nativeElement;
        this.button = this.btn.nativeElement; 

        this.grid = this.gr.nativeElement;
    }

    public scrollTo() {
        this.scrollLayout.scrollToVerticalOffset(this.grid.getLocationRelativeTo(this.button).y, false);   
    }
}

[vishwa1937]

Thank you @mster 😃 . I will try as you said and let you know about it. Thank you.