草庐IT

human-interface-guidelines

全部标签

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

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

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

user-interface - 如何将Widget注入(inject)自定义子Widget并使用子Widgets迭代索引?

我正在构建一个flutter应用程序。我已经构建了一个带有构造函数的类。我制作了构造函数,因此我可以自定义我的ListTile,因为我将此类用于多个页面,每次我都需要更改文本颜色,有时甚至添加一个onTap函数。classAppListextendsStatefulWidget{@overrideAppListStatecreateState()=>AppListState();AppList({Keykey,this.child}):super(key:key);finalWidgetchild;}classAppListStateextendsState{Widgetchild;L

user-interface - 如何将Widget注入(inject)自定义子Widget并使用子Widgets迭代索引?

我正在构建一个flutter应用程序。我已经构建了一个带有构造函数的类。我制作了构造函数,因此我可以自定义我的ListTile,因为我将此类用于多个页面,每次我都需要更改文本颜色,有时甚至添加一个onTap函数。classAppListextendsStatefulWidget{@overrideAppListStatecreateState()=>AppListState();AppList({Keykey,this.child}):super(key:key);finalWidgetchild;}classAppListStateextendsState{Widgetchild;L