How can I make the whole page scroll up when I scroll the ListView up?

[jet10000]

How can I make the whole page scroll up when I scroll the ListView up?

import flet
from flet import Page, AppBar, Text, View, Column, Tabs, Tab, ListView, ListTile, Image, Icon, icons, ElevatedButton, \
    TextButton, Row


def main(page: Page):
    lv = View(route="/", controls=[
        Column(controls=[
            Text("A control that displays its children in a horizontal array.", style="headlineLarge"),
            Text(
                'When a child Control is placed into a Row you can "expand" it to fill the available space. Every Control has expand property that can have either a boolean value (True - expand control to fill all available space) or an integer - an "expand factor" specifying how to divide a free space with other expanded child controls.',
                style='bodyLarge'),
            Row(
                [TextButton("👍"), TextButton("❤️")],
                alignment="end",
            ),
        ], scroll="hidden"),
        Tabs(
            selected_index=0,
            # animation_duration=300,
            tabs=[
                Tab(
                    text="latest",
                    content=ListView(controls=[
                        ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ), ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ),ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ),ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ),ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ),ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ),ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ),ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ),ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ), ListTile(
                            leading=Icon(icons.CHAT_BUBBLE_OUTLINE),
                            title=Text("1111111111111111111111111111"),
                            subtitle=Text("🐶 2222222222222222"),
                        ),
                    ])
                ),
                Tab(
                    text="👍",
                    content=Column(
                        controls=[Text('thumb')], scroll="hidden"),
                ),
                Tab(
                    text="❤️",
                    # icon=icons.BLENDER,
                    content=Column(controls=[
                        ElevatedButton('open url')
                    ]),
                ),
            ],
            expand=True
        ),
    ], appbar=AppBar(title=Text("TEST")), auto_scroll=True)

    page.views.append(lv)
    page.update()


if __name__ == "__main__":
    flet.app(target=main,
             assets_dir="assets",
             route_url_strategy="path",
             view=flet.WEB_BROWSER,
             port=8080)

@FeodorFitsner

[ndonkoHenri]

Do you mean the auto_scroll property?

Have a look at the docs:
https://flet.dev/docs/controls/page#auto_scroll

Let me know what it gives.

[jet10000]

I expect that when I scroll the ListView, the content on the top of the screen can also be scrolled up, just like I changed the ListView to Column, the entire screen content can be scrolled up.

[FeodorFitsner]

Looking for this: https://docs.flutter.dev/cookbook/lists/floating-app-bar ?

[ndonkoHenri]

It Will be great to have this btw.
Especially in cases where the user has a small vertical screen display (ex: PWA on mobiles, or native apps(when supported by Flet)).

[FeodorFitsner]

#411