flutter - 如何添加线性百分比指标

Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。

想改善这个问题吗？更新问题，以便将其作为on-topic用于堆栈溢出。

23天前关闭。

Improve this question

我想创建一个线性百分比指示器，可以在文本小部件中显示其百分比
像这样

我发现了一个像percent_indicator这样的库
但是它没有我想要实现的
有没有看起来更像这样的软件包？

最佳答案

使用Flutter的LinearProgressIndicator作为主要部分，尽管如果您想要特殊的背景，则可能需要创建一个自定义小部件。该图像可以通过使用Column来实现。该列的顶部将有一个Row。然后，使用该行中的text小部件和align小部件将align右，左和中。
或者，而不是使用flutter的LinearProgressIndicator，创建一个带有stateful的自定义stack小部件，并在其子级中创建一个蓝色container，该小部件将在未调整大小的灰色容器上调整大小。
使用BoxShadow创建阴影。

关于flutter - 如何添加线性百分比指标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64435076/

上一篇：gradle - 如何在buildSrc中使用主项目中的类

下一篇：android-studio - Flutter和Dart已安装在Android Studio中，并且已构建App，但它很简陋，Flutter Doctor表示未安装

相关文章：

list - 从列表中获取itemCount

android - 使用 Flutter 访问大量 JSON Assets

rest - 如何使 flutter 中的无限滚动布局？ (更新)

android - Flutter:popAndPushNamed 将参数传递给新页面？

Flutter，向PageRoutebuilder传递参数

flutter - 从TabBarView的子级导航到另一个页面会引发错误

ios - Flutter iOS 电子邮件文本字段内容类型

flutter - 展开新的ExpansionTile时折叠ExpansionTile

android - Flutter 列表项随动画改变位置

Firebase实时数据库查询Flutter中的所有项目