草庐IT

Interface1

全部标签

user-interface - Flutter 卡列对齐和文本居中

基本上我正在构建一个ListView。所以我正在使用卡片,我想要实现的是在卡片中我想划分一个部分来为列着色,另一个部分我想写一个我希望它居中的文本但是我尝试了很多选项不能实现。下面是我想为颜色列实现的屏幕截图,但我希望文本居中。我取得的成就如下我注意到我的颜色没有完全覆盖它外面有一些白色元素。以下是我为实现它所做的完整代码。我要解决的问题如下1)TomakethecolorcolumnlookcleanandneatastheimageabovebecausenowItriedtoadjustitsheightslightsmallerthanthecardheightwhichis3

user-interface - Flutter 中的水平按钮组

我正在尝试使用flutter构建一个水平按钮组,但我没有达到预期的效果,我是使用dart构建UI的新手,我如何调整代码以获得预期的结果?下面你会看到我目前的进度和想要的结果!当前行的按钮//HorizontalbuttonsrowWrap(direction:Axis.horizontal,children:[ButtonTheme(minWidth:40.0,child:RaisedButton(color:Colors.white,onPressed:(){},child:Text("A"),),),ButtonTheme(minWidth:40.0,child:RaisedBut

user-interface - Flutter 中的水平按钮组

我正在尝试使用flutter构建一个水平按钮组,但我没有达到预期的效果,我是使用dart构建UI的新手,我如何调整代码以获得预期的结果?下面你会看到我目前的进度和想要的结果!当前行的按钮//HorizontalbuttonsrowWrap(direction:Axis.horizontal,children:[ButtonTheme(minWidth:40.0,child:RaisedButton(color:Colors.white,onPressed:(){},child:Text("A"),),),ButtonTheme(minWidth:40.0,child:RaisedBut

user-interface - 使用 Flutter/Dart 构建自定义卡片

我正在尝试使用Dart/Flutter小部件构建自定义卡片,下面是小部件的外壳,我在使用Dart定位元素时遇到了问题!卡片的宽度旨在占据整个屏幕的宽度,并能够在两个屏幕之间水平滚动,标题和内容使用JSON动态加载。问:我目前正在构建这个特定的UI,如何从下面提供的代码开始?这是我所做的:classBottomCardsextendsStatefulWidget{finalStringcardTitle;finalStringcardContent;BottomCards(this.cardTitle,this.cardContent);@override_BottomCardsStat

user-interface - 使用 Flutter/Dart 构建自定义卡片

我正在尝试使用Dart/Flutter小部件构建自定义卡片,下面是小部件的外壳,我在使用Dart定位元素时遇到了问题!卡片的宽度旨在占据整个屏幕的宽度,并能够在两个屏幕之间水平滚动,标题和内容使用JSON动态加载。问:我目前正在构建这个特定的UI,如何从下面提供的代码开始?这是我所做的:classBottomCardsextendsStatefulWidget{finalStringcardTitle;finalStringcardContent;BottomCards(this.cardTitle,this.cardContent);@override_BottomCardsStat

dart - '无效的覆盖。实现接口(interface)时类型不是子类型

我正在尝试将MealsRepository接口(interface)实现到MealsRepositoryImpl中,但出现以下错误:Invalidoverride.Thetypeof'MealsRepositoryImpl.findAllForCanteenByDate'('(int,DateTime)->FutureMapint,dynamic')isn'tasubtypeof'MealRepository.findAllForCanteenByDate'('(int,DateTime)->FutureMapint,Meal').我看不出我的错误。我目前正在通过Dart插件使用Int

dart - '无效的覆盖。实现接口(interface)时类型不是子类型

我正在尝试将MealsRepository接口(interface)实现到MealsRepositoryImpl中,但出现以下错误:Invalidoverride.Thetypeof'MealsRepositoryImpl.findAllForCanteenByDate'('(int,DateTime)->FutureMapint,dynamic')isn'tasubtypeof'MealRepository.findAllForCanteenByDate'('(int,DateTime)->FutureMapint,Meal').我看不出我的错误。我目前正在通过Dart插件使用Int

user-interface - 为 png 图像添加阴影

我想在flutter中为png图像(带有alpha的图像)添加阴影。我已经尝试过使用BoxShadow,但我不想有一个盒子阴影。我需要一个适应png图像的阴影。期望的结果: 最佳答案 首先,您需要两张图片,更改其中一张的颜色(您的图片应该是透明的才能做到这一点),例如:child:Image.asset("assets/cat.png",color:Colors.black,),然后使用Stack将黑色的放置到背景中,并更改其位置以匹配阴影位置。然后将BackdropFilter添加到blackone。我认为会起作用。代码:Stac

user-interface - 为 png 图像添加阴影

我想在flutter中为png图像(带有alpha的图像)添加阴影。我已经尝试过使用BoxShadow,但我不想有一个盒子阴影。我需要一个适应png图像的阴影。期望的结果: 最佳答案 首先,您需要两张图片,更改其中一张的颜色(您的图片应该是透明的才能做到这一点),例如:child:Image.asset("assets/cat.png",color:Colors.black,),然后使用Stack将黑色的放置到背景中,并更改其位置以匹配阴影位置。然后将BackdropFilter添加到blackone。我认为会起作用。代码:Stac

user-interface - 如何在 flutter 测试中验证 Switch 小部件的状态?

是否有可以验证Switch状态的flutter匹配器?小部件?我可以使用find.byKey(myKey)按键找到小部件。因此,如果有像isToggled(state)这样的匹配器,我将通过在测试中编写如下代码来验证小部件的状态:expect(find.byKey(myKey),isToggled(true))有这样的匹配器吗?如何验证切换状态? 最佳答案 您可以使用byWidgetPredicateCommonFinders的方法类来指定任何小部件的类型,从而检查该类型的状态。因此,对于您的具体示例,您可以简单地执行以下操作:fi