已关闭。此问题需要超过focused。当前不接受答案。
**想要改进此问题吗?**更新此问题,使其仅关注editing this post的一个问题。
昨天关门了。
Improve this question
我想做这个设计,但我想知道如何让它在抖动的同时仍然响应。我想使用一个堆栈连同一个定位的小部件,但它可能会在更大/更小的屏幕上崩溃。x1c 0d1x
已关闭。此问题需要超过focused。当前不接受答案。
**想要改进此问题吗?**更新此问题,使其仅关注editing this post的一个问题。
昨天关门了。
Improve this question
我想做这个设计,但我想知道如何让它在抖动的同时仍然响应。我想使用一个堆栈连同一个定位的小部件,但它可能会在更大/更小的屏幕上崩溃。x1c 0d1x
1条答案
按热度按时间qoefvg9y1#
Stacks可能有用,但看看我做了什么:
我创建了三个名为RankingWidget的小部件,它们基本上是一个Column小部件,包含图像、名称、分数,然后是一个以列深度(上面的灰色区域)形式表示的CustomPaint形状,后面是一个Container小部件,用于获取排名的高度(您可以对其进行任何所需的计算;我只是举个例子)。
这些RankingWidget小部件使用行水平布局;每一个都被包裹在一个Expanded内以获得更好的空间分布。
如果您想在多个外形上呈现它,您仍然必须实现一些响应式设计,但希望这能作为灵感。
在这里查看Gist;你可以在DartPad中看到它,但它看起来是这样的:
完整代码也是: