0

【JetpackCompose】プログレスバーを旧デザインに戻す方法

JetpackCompose

Posted at 2024-11-24

material3のv1.3.0からプログレスバーのデザインが新しくなりました。
新デザインでは、進捗を表すバーと全体のバーが分割され、終点部分に点が加わっています。

v1.2.1

v1.3.0

コード

追加されたgapSizeとdrawStopIndicatorを使うと、前のデザインに戻すことができます。

LinearProgressIndicator(
    progress = { 0.5f },
    strokeCap = StrokeCap.Square,   // 角の丸みをなくす
    gapSize = (-15).dp,             // 隙間をなくす
    drawStopIndicator = {}          // 終点の点の描画をなくす
)

プレビュー

参考

0

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

0