divider in the bar_trailing not displayed

[BrentHuang]

Description

divider in the bar_trailing not displayed

Code example to reproduce the issue:

import logging
import flet as ft


def main(page):
    searchbar = ft.SearchBar(
        bar_leading=ft.Icon(ft.icons.SEARCH),
        bar_trailing=[ft.IconButton(ft.icons.CAMERA),
                      ft.VerticalDivider(),
                      ft.IconButton(ft.icons.SCANNER)])

    page.add(searchbar)


ft.app(target=main)

Describe the results you received:

Describe the results you expected:

Additional information you deem important (e.g. issue happens only occasionally):

Flet version (pip show flet):

PS D:\workspace\code\plan> pip show flet      
Name: flet
Version: 0.22.0
Summary: Flet for Python - easily build interactive multi-platform apps in Python
Home-page:
Author: Appveyor Systems Inc.
Author-email: [email protected]
License: Apache-2.0
Location: d:\workspace\code\plan\.venv\Lib\site-packages
Requires: cookiecutter, fastapi, flet-runtime, packaging, qrcode, uvicorn, watchdog
Required-by:

Operating system:

版本 Windows 10 家庭中文版
版本号 22H2
安装日期 ‎2023/‎9/‎14
操作系统内部版本 19045.4291
体验 Windows Feature Experience Pack 1000.19056.1000.0

Additional environment details:

flutter_windows_3.19.6-stable

[dickermoshe]

Try wrapping the divider in a box that limits it's height

[BrentHuang]

How to do that? Would you please show me the code?

[Bbalduzz]

Limit the divider height.

import logging
import flet as ft


def main(page):
    searchbar = ft.SearchBar(
        bar_leading=ft.Icon(ft.icons.SEARCH),
        bar_trailing=[
            ft.IconButton(ft.icons.CAMERA),
            ft.Container(ft.VerticalDivider(), height=30),
            ft.IconButton(ft.icons.SCANNER),
        ],
    )

    page.add(searchbar)


ft.app(target=main)

[dickermoshe]

What's interesting here is that most of these issues aren't flet specific and happen with flutter itself too.
These errors should be shown in terminal

[BrentHuang]

thank you!