from flet import *

ROWCOUNT = 20
COLCOUNT = 100


class TrackFragment(Container):
    def __init__(self, i: int, j: int, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.i = i
        self.j = j
        self.height = 100
        self.width = 120
        self.bgcolor = Colors.BLUE
        self.content = Text(str(i) + '-' + str(j))

    def did_mount(self):
        print(f'did mount TrackFragment {self.i}-{self.j}')
        return super().did_mount()

    def will_unmount(self):
        print(f'unmount TrackFragment {self.i}-{self.j}')
        return super().will_unmount()


class TrackHeader(Container):
    def __init__(self, i: int, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.i = i
        self.height = 100
        self.width = 200
        self.bgcolor = Colors.PURPLE
        self.content = Text(i)


class TestListView(View):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

    def build(self):
        self.appbar = AppBar(title='App bar')
        self.bottom_appbar = BottomAppBar(
            content=Text('Bottom app bar'),
        )
        self.spacing = 0
        self.scroll = ScrollMode.ALWAYS
        self.controls = [
            Row(
                # scroll = ScrollMode.ALWAYS,
                spacing=0,
                height=100 * ROWCOUNT,
                controls=[
                    Column(
                        spacing=0,
                        controls=[
                            TrackHeader(i)
                            for i in range(ROWCOUNT)
                        ],
                    ),
                    ListView(
                        # scroll = ScrollMode.ALWAYS,
                        spacing=0,
                        horizontal=True,
                        first_item_prototype=True,
                        controls=[
                            Column(
                                spacing=0,
                                controls=[
                                    TrackFragment(i, j)
                                    for i in range(ROWCOUNT)
                                ],
                            )
                            for j in range(COLCOUNT)
                        ],
                    ),
                ],
            ),
        ]


def main(page: Page):
    page.theme_mode = ThemeMode.LIGHT
    page.views.clear()
    page.views.append(TestListView())
    page.update()


run(main)