如何在颤振中制作圆形标签指示器

时间:2021-04-08 07:56:58

标签: flutter android-studio user-interface dart

我需要有 4 个标签,底部有 4 个圆圈,指示您当前所在的标签。 Like this. 我不能让它只是一个有 4 个容器改变颜色的行,我需要它们是功能齐全的按钮,我可以在按下它们时在选项卡之间切换。我的主要问题是我似乎无法让我的标签更窄,它们最终相距大约 30 像素,这不是我想要的。任何帮助表示赞赏。到目前为止,这是我的代码

amount.textChanges.observable.map {
        when {
            (it.isNotEmpty() && it.toBigDecimal() > BigDecimal(1500)) -> showDialog(R.string.max_amount_error)
            (it.isNotEmpty() && it.toBigDecimal() > BigDecimal.ZERO) -> {
                getCommissionUseCase.execute(it.toInt() * 100).subscribe { payment ->
                    commission.accept((payment.data.toDouble() / 100).toString())
                }.untilDestroy()
            }
            (it.isEmpty()) -> nextBtnEnabled.consumer.accept(false)
        }
    }.subscribe()

1 个答案:

答案 0 :(得分:0)

有许多可用的软件包,您可以查看这些适合您情况的软件包:

https://pub.dev/packages/smooth_page_indicator

https://pub.dev/packages/dots_indicator

https://pub.dev/packages/page_view_indicators

https://pub.dev/packages/page_indicator

https://pub.dev/packages/ink_page_indicator

https://pub.dev/packages/dot_pagination_swiper

再次,您可以让您的自定义小部件做到这一点:

您可以通过更改小部件的状态来更改颜色。

我认为这可能对您有帮助!