Flutter如何显示百分比类型容器

文章/答案/技术大牛

发布

2回答

flutter

我需要在我的flutter应用程序中显示这种类型的线条，但不知道我将如何构建它如果现在有简单背景线 Container(color: Color(0xffABEBC6 ), width: width

浏览 28提问于2020-06-01得票数 1

回答已采纳

2回答

中间有百分比的颤振图

flutter、charts、syncfusion

我想按下面的方式显示图表。它显示了一些属性的进展。所以我只能用他们的百分比来表示。我试过charts_flutter和syncfusion_flutter_charts。但我无法实现中等百分比的价值。

浏览 9提问于2020-03-18得票数 1

回答已采纳

1回答

如何根据容器背景色改变文本颜色？

flutter、widget、gradient、background-color、text-coloring

我有一个容器，它有一个带有文本的渐变背景色。我正在显示集装箱末端的百分比。根据百分比，绿色应从左到右应用。当这个百分比达到100%时，整个容器就会变成绿色。现在，我想知道如何实现文本颜色变成白色，容器颜色变为绿色，反之亦然。我已附上图片，以供参考以下。

浏览 5提问于2022-06-02得票数 3

1回答

如何使RaisedButton在抖动中自动适应屏幕宽度

flutter

现在我在flutter中像这样定义RaisedButton宽度： builder: (context) { minWidth:400.0, child: RaisedButton() )} 但是它不能适应所有类型的不同宽度的屏幕，如何让它自动适应呢？我试过使用80%，但它似乎不像百分比那样起作用。

浏览 13提问于2020-10-31得票数 0

回答已采纳

2回答

有任何方法，我可以得到cpu百分比内的码头容器，而不是在它之外？！docker stats DOCKER_ID显示的百分比，这正是我所需要的，但我需要它作为变量。我需要在容器内部获得cpu百分比，并对其进行一些操作。我研究过不同的东西，如cgroup和docker，但它们不提供cpu百分比。如果有一种方法可以获得容器内的cpu百分比，而不是外部的cpu百分比，那将是完美的。我在下面的链接中找到了一个解决方案，它仍然在

浏览 4提问于2015-07-21得票数 3

回答已采纳

1回答

JS展示SWF的bytesLoaded

javascript、ajax、flash

我想使用Javascript / AJAX来显示SWF的负载百分比。你知道我能做什么吗？

浏览 0提问于2010-11-21得票数 1

4回答

如何在流体宽度容器中对图像(<img>)进行中心裁剪

css、image、responsive-design、fluid-layout、fluid-images

当流体宽度(基于百分比的)容器太小，无法显示整个图像时，如何使图像保持居中？如何在它的容器中对图像进行居中这意味着当容器太小时，它应该显示图像的中间，而不是侧面。

浏览 8提问于2013-08-15得票数 54

回答已采纳

2回答

颤振:带溢出容器的滑块廊

flutter

我是个新手，想弄清楚如何做一个简单的左/右滑动画廊。UPD 1:不应该是一个全屏，而应该是一个特定的容器。

浏览 5提问于2020-05-25得票数 1

回答已采纳

1回答

Dockerfile Flutter web用于生产-不用于测试或开发

flutter、flutter-web

我正在尝试停靠flutter示例应用程序，使用以下内容： flutter build web Dockerfile： FROM nginx:1.21.1-alpine COPY ./web /usr/share/nginx/html 但它只显示一个空白页面-它在flutter run上运行得很好，你知道如何在容器/Dockerfile中运行flutter web进行生产吗？

浏览 30提问于2021-09-10得票数 2

回答已采纳

2回答

使用flutter中的listview.builder添加多个彼此不同的动态小部件

flutter、flutter-layout、flutter-dependencies、flutter-widget

我正在学习flutter，我是新手，你能告诉我如何在屏幕上添加动态控件吗，这些控件是不同的，例如一个动态控件包含4个按钮的容器，其他动态控件容器包含6个按钮，如果用户想添加6个按钮的容器，他可以添加，如果他想添加4个按钮的容器也可以添加，这些容器是水平顺序或垂直顺序的我已经完成了单一类型的容器，但无法添加其他类型的容器!！

浏览 5提问于2021-05-25得票数 1

1回答

如何在容器中显示图表？

charts、flutter

我对flutter和oop还是个新手。所以请耐心听我说。我尝试在容器小部件中显示一个用charts_flutter库制作的图表(参见代码行10)。我试图在那里调用CustomRoundedBar对象，但这给了我一个类型错误，告诉我类型' type‘不能被加载到需要类型'Widget’的地方。我必须做什么，才能在容器中显示图表？import 'package:flutter/

浏览 17提问于2019-02-06得票数 0

回答已采纳

1回答

如何在flutter中绘制圆形对角线？

flutter、mobile、drawing、shapes

如何在flutter中绘制圆形对角线？ ?

浏览 14提问于2020-07-21得票数 1

回答已采纳

1回答

列表视图中的行未显示

dart、flutter

我有一个Row，其中包含一些容器作为子容器，如下所示： Row(), 其中addEntities返回容器列表...Axis.horizontal, Row( ),), 但现在不显示任何内容══════════════════ flutter: The following asse

浏览 20提问于2019-02-18得票数 2

1回答

对话框中的更新值

flutter、dart、dialog

我希望在从服务器获取数据时，在Dialog中显示进度值。当获取一个项目时，它应该显示5%，如果第二个项被取，则显示10%直到100% (总共20项)。(16036): 0.0efewfeeffI/flutter (16036): 5.0efewfeeffI/<em

浏览 7提问于2022-05-23得票数 0

回答已采纳

3回答

在颤栗，如果我想把高度10 it或10%，所以我应该如何使用它？

android、flutter、dart、flutter-dependencies

任何类型的高度、宽度、上、左、右等。需要px或%(百分比)，所以我如何使用它。它可以是一个容器，填充物，SizeBox等等。

浏览 2提问于2022-05-17得票数 0

1回答

对行和列进行布局，以总屏幕宽度的百分比进行扩展

flutter-layout

我刚接触Flutter，正在尝试创建具有容器区域的行/列布局，然后我可以使用专门的小部件填充这些容器区域，但我正在努力获得适当的布局。我手动将宽度硬编码到列和容器中，但我想将布局分成1/3、2/3，并在列周围填充一些内容 body: Row(crossAxisAlignment: CrossAxisAlignment.stretch600,color: Colors.amber), ), ]), 这会产生一个布局，

浏览 60提问于2019-06-19得票数 1

4回答

相对父级，按百分比进行垂直绝对定位？

css、position

我正在尝试按百分比创建一个垂直定位的DIV。我将父容器设置为相对容器，并将内容div设置为绝对容器。当我用像素定位内容div时，这很好用，但当我尝试百分比时，百分比被忽略了：position: relative; position: absolute</div></div> 内容div显示在页面顶部，不考虑50%的垂直位置。我遗漏了什么？提前感谢！

浏览 2提问于2012-11-06得票数 21

回答已采纳

1回答

基于CSS的产品形象造型

css

当我在Amazon上看到该产品时，它的主图像容器包含压缩图像，但它的外观：当我上传这些图片到我的网站，它显示的实际高度和图像的宽度-这是不可能的！我应该使用什么类型的CSS，使产品图像不应该比我的woocommerce网站上的容器图像容器更多？，如果图像的高度大于容器高度，则降低高度和宽度相等的百分比，使其降低后等于容器图像。，如果图像的宽度大于，则图像的宽度容器减少了etc%，使其与container.also的宽度相等，

浏览 1提问于2022-07-20得票数 -2

6回答

将基于百分比的div居中

css、html

最近，一位客户要求他的网站基于百分比而不是像素。这一百分比将被设置为80%。正如你们所知，如果容器是基于像素的，那么很容易将其居中，但是如何将基于百分比的主容器居中呢？#container width:80%;} 这不会使容器居中:(

浏览 0提问于2010-04-13得票数 37

回答已采纳

2回答

有没有在flutter中创建3D图表的方法

dart、flutter-layout

我想在我的应用程序中制作一个3D饼图，但我发现很难找到解决方案，以显示图形中选定区域的百分比和名称。我使用的是AnimatedCircularChart，其包是: import 'package:flutter_circular_chart/flutter_circular_chart.dart'；

浏览 71提问于2019-01-11得票数 1

点击加载更多