草庐IT

flutter-container

全部标签

flutter - 为单个容器设置两种不同的颜色

我正在尝试通过我的按钮动态实现自定义设计。我从一个带有InkWell的容器中设计了这个按钮。但是我没有得到如何根据从我的API接收到的值为此按钮设置2种不同颜色的正确方法。供引用,这里是按钮:此按钮中灰色部分为容器背景色。然后我在这个容器中添加了一个图像。现在红色应该随着从服务器接收到的高度而动态变化。但是我没有找到正确的方法。 最佳答案 您可以使用容器和线性渐变轻松实现这一点。将颜色作为渐变传递,并以所需的百分比定义适当的停靠点。例子:@overrideWidgetbuild(BuildContextcontext){finalC

flutter - 如何对齐 TextFields 例如列中的文本()?

我正在尝试绘制一个对话框/弹出窗口,当用户点击谷歌地图中的标记时会显示该对话框/弹出窗口。问题是文本字段在对话框中没有对齐。您可以在下面的图片中看到它:所以,我想知道如何对齐文本,以便每个新文本都从垂直的一行开始。这是我的代码:child:Material(color:Colors.transparent,child:ScaleTransition(scale:scaleAnimation,child:Container(decoration:ShapeDecoration(color:Colors.blueGrey[900],shape:RoundedRectangleBorder(

flutter - 如何对齐 TextFields 例如列中的文本()?

我正在尝试绘制一个对话框/弹出窗口,当用户点击谷歌地图中的标记时会显示该对话框/弹出窗口。问题是文本字段在对话框中没有对齐。您可以在下面的图片中看到它:所以,我想知道如何对齐文本,以便每个新文本都从垂直的一行开始。这是我的代码:child:Material(color:Colors.transparent,child:ScaleTransition(scale:scaleAnimation,child:Container(decoration:ShapeDecoration(color:Colors.blueGrey[900],shape:RoundedRectangleBorder(

flutter - 除非我打印它,否则不在 .map() 中执行 setState

所以当我尝试不使用print时,代码不会执行,但是当包含print时,代码“正常”运行,是否有另一种不使用print的编码方式?不工作x.map((v){setState((){_userList.add(v.data['name']);});});工作print(x.map((v){setState((){_userList.add(v.data['name']);});})); 最佳答案 假设x是一个List,那么这是预期的行为。map返回一个lazyiterable。这意味着在迭代映射列表之前不会实际执行任何操作。来自docu

flutter - 除非我打印它,否则不在 .map() 中执行 setState

所以当我尝试不使用print时,代码不会执行,但是当包含print时,代码“正常”运行,是否有另一种不使用print的编码方式?不工作x.map((v){setState((){_userList.add(v.data['name']);});});工作print(x.map((v){setState((){_userList.add(v.data['name']);});})); 最佳答案 假设x是一个List,那么这是预期的行为。map返回一个lazyiterable。这意味着在迭代映射列表之前不会实际执行任何操作。来自docu

flutter - 允许提供者之间的区别

我正在构建一个带有flutter和提供者模式的应用程序。我有一个特定的ViewModel,由Provider.of(context)提供.classHomeScreenextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnChangeNotifierProvider(builder:(_)=>AddressBookViewModel(),child:Scaffold(body:_getBody(context);}Widget_getBody(BuildContextcontext){Address

flutter - 允许提供者之间的区别

我正在构建一个带有flutter和提供者模式的应用程序。我有一个特定的ViewModel,由Provider.of(context)提供.classHomeScreenextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnChangeNotifierProvider(builder:(_)=>AddressBookViewModel(),child:Scaffold(body:_getBody(context);}Widget_getBody(BuildContextcontext){Address

android - flutter - UI 更改仅在点击另一个元素时生效

我有下面的屏幕,这个屏幕显示了用户在previous/last和current月份的历史记录。点有2个指标,分别是Text1和Text2。我的屏幕如何工作:默认数据将显示当前月份。如果我点击lastmonth按钮,它会更改UI以显示上个月的数据。如果我点击显示/隐藏文本1,首先它会隐藏Text1的所有外观。如果我再次点击,则所有Text1将再次出现。对于Show/HideText2与第(3)点相同。问题:如果我点击Text1或Text2的show/hide按钮它只会在我点击last后生效month或currentmonth按钮(显示/隐藏Text1或Text2的元素)。所以show/h

android - flutter - UI 更改仅在点击另一个元素时生效

我有下面的屏幕,这个屏幕显示了用户在previous/last和current月份的历史记录。点有2个指标,分别是Text1和Text2。我的屏幕如何工作:默认数据将显示当前月份。如果我点击lastmonth按钮,它会更改UI以显示上个月的数据。如果我点击显示/隐藏文本1,首先它会隐藏Text1的所有外观。如果我再次点击,则所有Text1将再次出现。对于Show/HideText2与第(3)点相同。问题:如果我点击Text1或Text2的show/hide按钮它只会在我点击last后生效month或currentmonth按钮(显示/隐藏Text1或Text2的元素)。所以show/h

flutter - 我有一个像这样的字符串 "6:45AM"那么如何将它转换为 24 小时制的 TimeOfDay 或 DateTime 格式

我想将字符串(12小时)“6:45PM”转换为18:45:00(24小时)TimeOfDay格式,该怎么做? 最佳答案 您可以尝试使用DateFormat,只需包含对pubspec.yaml的国际依赖首先将值解析为日期,然后按照您的需要格式化import'package:intl/intl.dart';//parsedateDateTimedate=DateFormat.jm().parse("6:45PM");DateTimedate2=DateFormat("hh:mma").parse("6:45PM");//thinkthi