FletでSVGのボタンを作る

久々にFletに取り組んでいるのですが、難しい・・・。

ボタンでSVGの画像を使ったボタンを作りたかったのですが、中々わからず
悩んだので覚書です。こんな感じです。

最初はこちらにIconButtonがあるので、アイコンだけ変えれば良いのだろうと
楽観視してました。
IconButton | Flet

iconはft.iconsしか受け付けず、上手く行きませんでした。

結局探した所、ボタンのcontentにft.Imageを使ってSVGを指定すれば
良いのだと分かりました。

上記の画像であれば、ボタン部分はこんな感じです。

・・・
                ft.IconButton(
                    content=ft.Container(
                        ft.Image(
                            src=f"/bom.svg",
                            width=30,
                            height=30,
                        ),
                        alignment=ft.alignment.bottom_center,
                    ),
                    tooltip="爆弾",
                ),
                ft.OutlinedButton(
                    content=ft.Container(
                        ft.Image(
                            src=f"/bom.svg",
                            width=20,
                            height=20,
                        ),
                        alignment=ft.alignment.bottom_center,
                    ),
                    tooltip="爆弾",
                ),
・・・

んー視覚的に合体させたきゃcontentを使うんだと覚えておこう。