草庐IT

零部件

全部标签

widget - 如何使用子部件更改 AppBar 内容?

我正在尝试将AppBar标题从LoginWidget级别更改为“登录”,但我不知道该怎么做。它可能看起来像IoC模式,但我认为它仍然可以做到。我现在正在尝试扩展一个Scaffold对象并向其添加一些方法,但它似乎不起作用。voidmain()=>runApp(newMyApp());classMyAppextendsStatelessWidget{//Thiswidgetistherootofyourapplication.@overrideWidgetbuild(BuildContextcontext){returnnewMaterialApp(home:newScaffold(ap

dart - 基于列表创建小部件

我有一个参数n,我必须创建n个文本字段并监听它们,并捕获所有这些字段的值。假设我必须对它们进行计算。我如何实现这一目标?我尝试将循环与小部件结合使用,但出现了很多错误。当我使用一个单独的函数为列的子属性返回一个小部件列表时,它会抛出一个错误,指出typeintisnotasubtypeoftypestringofsource。 最佳答案 从您的d参数生成一个列表,然后从该列表生成一个文本字段和文本编辑Controller的列表createTexttextfields(intd){vartextEditingControllers=[

widget - Flutter - 动态小部件定位

我正在为Flutter应用创建一个小部件,想知道如何处理不同的屏幕尺寸。在理想情况下,我有三个并排的FlatButton。但是,当我在较小的屏幕上进行测试时,最后一个按钮在右侧溢出(屏幕上出现黑色和黄色条纹,并显示一条消息表明小部件溢出)。我最初的选择是让溢出的小部件在需要的时候放在前两个下面,但我该如何实现呢?更一般地说,即使在屏幕太小的情况下,我应该怎么做才能很好地呈现我的小部件? 最佳答案 我不认为有一个普遍的答案。docs.flutter.io/flutter/widgets/Wrap-class.html可能适用于ment

flutter - 在 Flutter 中从屏幕外滑动的小部件?类似于 Android 8 应用程序抽屉

我正在用Flutter编写抽认卡应用(开源AnkiDroid应用的扩展)。基本工作流程是:应用程序向我展示一个问题,我可以透露答案。我想要显示答案的手势类似于Android8从底部图标行向上滑动以显示应用程序抽屉。快速滑动(或Android术语中的快速滑动?)可以显示应用列表,但拉长的缓慢滑动可以控制应用抽屉的运动。我的问题如下:让小部件从屏幕外滑入的正确方法是什么?Flutter提示我试图在屏幕外显示小部件,建议我使用ClipRect,但我还没有找到让ClipRect只显示屏幕大小的东西的方法(它似乎可以根据child的大小自行调整)对于我想做的事情,推荐的布局是什么?目前我在一个专

flutter - 在 Flutter 中,我如何更改一些小部件并看到它以动画形式显示为新大小?

我想更改某个小部件的子项,然后看到它根据新子项的高度进行动画处理,同时进行淡入淡出过渡。我可以用AnimatedCrossFade做到这一点,但我必须同时保留firstChild和secondChild,这是我做不到的。如果我使用AnimatedSwitcher,它可以让我简单地改变它的child,但它只会对淡入淡出进行动画处理,而不是对大小进行动画处理。AnimatedContainer也不起作用,因为我事先不知道子项的大小。是否有一些我缺少的小部件可以满足我的需要,如果没有,我该如何在不求助于AnimationController的情况下做到这一点? 最

flutter - 对于以下情况,堆栈小部件在哪里进入 flutter

我有两个容器,它们应该在屏幕上展开成一列。在这些容器的顶部,我想在上面放一张卡片或另一blockMaterial。我的代码看起来像Column(children:[Expanded(child:newContainer(color:Colors.red,),),Expanded(child:newContainer(color:Colors.green,),), 最佳答案 Stack小部件应包含Column和Card小部件。classHomeextendsStatelessWidget{@overrideWidgetbuild(Bu

Flutter - 子类小部件与包装它

这个问题在这里已经有了答案:SubclassaclassthatextendsStatelessWidgetorStatefulWidgetclass(5个答案)关闭4年前。我有一些flutter代码,看起来像这样:classInputWithValidationextendsStatelessWidget{InputWithValidation({this.fieldName,this.accessor});finalStringfieldName;finalModelAccessoraccessor;Widgetbuild(context){varelem=FooDataDicti

dart - 将图像的一部分绘制到小部件上

我正在尝试将Sprite绘制到CustomPaint小部件上。Sprite来自一个包含网格中多个Sprite的图像,因此我需要能够指定源矩形(最好是与小部件大小匹配的目标矩形)。 最佳答案 我使用canvas.drawAtlas解决了这个问题:import'package:flutter/painting.dart';import'package:flutter/rendering.dart';import'package:flutter/widgets.dart';import'dart:ui'asui;classSquarePa

gridview - Flutter RTL(本地化)不适用于 GridView 小部件 - 阿拉伯语

我的Flutter应用程序支持阿拉伯语的RTL(本地化)。我有一个flutter的屏幕,它在列小部件内有一个GridView小部件。它显示的数据对于英语来说绝对没问题,但当我切换到阿拉伯语时则完全没有。以下为截图当语言是英语时:当语言切换到阿拉伯语时我的代码是:classTransactionSummaryextendsStatelessWidget{finalStringname;finalStringsettlementDate;finalinttransactionCount;finalStringcredit;finalStringdebit;finalStringdiscou

flutter - 如何使用 Unresolved Future 对 FutureBuilder 进行小部件测试

我想知道如何在flutter小部件测试中尚未完成future时测试案例。只要future未解决,小部件就应该显示微调器。我尝试了这个测试用例:testWidgets('shouldshowaspinnerwhenloading',(WidgetTestertester)async{when(valueRepository.getValues()).thenAnswer((_)=>Future.delayed(Duration(seconds:30),()=>[]));awaittester.pumpWidget(withApp(ValueListPage(valueRepository