ブックマーク / zenn.dev/kingu (1)

  • 様々な画面サイズやテキストサイズなどでUIが崩れていないか一覧で確認できるパッケージを作った話

    はじめに FlutterUI を実装していると、デバイスの画面サイズによって表示が崩れていないか、テキストサイズが大きい場合にはどう表示されるか、キーボードが表示された場合でも隠れてしまわないか、ダークモードの場合の表示に色が適切かなど、確認すべき項目が多いです。 もちろん、適切にレスポンシブになるように Widget を利用していれば問題はありませんが、うっかり Column や Row で overflow してしまうことはよくあります。 しかし、様々な条件を手動で確認するのは大変ですし、充実したテストを実装するのも大変です。 そこで、様々な画面サイズやテキストサイズなどで、あなたが実装した Widget がどのように表示されるのか一覧で確認できるパッケージを作ってみました。 似たようなパッケージの有名どころとしては device_preview がありますが、これにインスパイア

    様々な画面サイズやテキストサイズなどでUIが崩れていないか一覧で確認できるパッケージを作った話
    yug1224
    yug1224 2024/06/10
  • 1