flutter-layout 相关问题

如何去掉flutter webview的背景白色

我使用了 flutter_inappwebview 包在容器中显示 webview。在我的网络视图中,底部有一个图像和一些操作按钮。加载webview后,

回答 1 投票 0

如何在 Flutter 中为 CircleAvatar 赋予多种边框颜色?

我想知道是否有一种简单的方法可以在 Flutter 中为圆形头像提供多种边框颜色。 如果您可以设置每种颜色填充的百分比,那就太好了。 这是我的意思的图像,但请注意...

回答 3 投票 0

使用 Flutter 的 Pintrest 风格板

所以我想在我的应用程序中显示一个 Pinterest 风格的板,但没有 StaggeredGridList,而是通过普通的容器和行/列小部件。 这是一张图片: 所以一开始,我尝试使用 Expanded to

回答 1 投票 0

Flutter TextField - 如何支持<ENTER>_和_<SHIFT-ENTER>

我正在开发一个包含聊天功能的 Flutter Web 应用程序。 我想包含一个普通的输入功能,用户可以在其中输入文本并将其发送到聊天流中。聊天的标准功能...

回答 5 投票 0

如何让小部件填充列中的剩余空间

在Android中,我们可以执行以下操作,使ImageView根据TextView的大小填充尽可能多的空间。 在Android中,我们可以执行以下操作,使ImageView根据TextView的大小填充尽可能多的空间。 <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:layout_width="wrap_content" android:layout_height="0dp" android:layout_weight="1"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> 我们如何在Flutter中实现这一目标?假设我需要使 Datetime(绿色)尽可能多地填充。 new Column( children: <Widget>[ new Text('Title', style: new TextStyle(fontWeight: FontWeight.bold) ), new Text('Datetime', style: new TextStyle(color: Colors.grey) ), ], ) 不是100%确定,但我认为你是这个意思。 Expanded 小部件会扩展到它可以使用的空间。虽然我认为它在行或列中的行为有点不同。 new Column( children: <Widget>[ new Text('Title', style: new TextStyle(fontWeight: FontWeight.bold) ), new Expanded( child: new Text('Datetime', style: new TextStyle(color: Colors.grey) ), ), ], ) 您可以使用: Expanded 使用 Align 定位子项 Column( children: [ FlutterLogo(), Expanded( // add this child: Align( alignment: Alignment.bottomCenter, child: FlutterLogo(), ), ), ], ) Spacer Column( children: [ FlutterLogo(), Spacer(), // add this FlutterLogo(), ], ) mainAxisAlignment Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, // add this children: [ FlutterLogo(colors: Colors.orange), FlutterLogo(colors: Colors.blue), ], ) 如果您只需要添加空格,请使用 Spacer() new Column( children: <Widget>[ new Text('Title', style: new TextStyle(fontWeight: FontWeight.bold) ), new Text('Datetime', style: new TextStyle(color: Colors.grey) ), Spacer(), ], Flexible( child: Column( mainAxisAlignment:MainAxisAlignment.spaceBetween, children: <Widget>[ new Text('Title', style: new TextStyle(fontWeight: FontWeight.bold) ), new Text('Datetime', style: new TextStyle(color: Colors.grey) ), ], ), 这就是我的情况: IntrinsicHeight( child: Row( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Flexible( child: Image.memory( File('path').readAsBytesSync(), width: 150, height: 150, ), flex: 5, ), Flexible( child: Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('Title', style: TextStyle(fontWeight: FontWeight.bold) ), Text('Datetime', style: TextStyle(color: Colors.grey) ), ], ), flex: 1, ), ]), ), 您必须为 Row 指定高度,以便其子级知道可用空间。您可以使用 Row 小部件包裹 IntrinsicHeight; 将 Flex/Row/Column 容器的子容器包装在 Flexible 小部件中,该容器应尽可能小,并将其 fit 属性设置为 FlexFit.loose,将其 flex 属性设置为 0。 将应填满 Expanded 小部件中剩余空间的子项包裹起来(这相当于将其包裹在灵活的小部件中并将其 fit 属性设置为 FlexFit.tight)。 将此应用到您的代码中,其中“日期时间”应填充剩余空间,如下所示: Column( children: [ Flexible ( fit: FlexFit.loose, flex: 0, child: Text ('Title', style: TextStyle(fontWeight: FontWeight.bold)) ), Expanded( child: Text('Datetime', style: TextStyle(color: Colors.grey)), ), ], )

回答 7 投票 0

如何在 Flutter 中将浮动操作按钮移动到屏幕左侧?

默认情况下,浮动操作按钮位于屏幕右侧。我知道 floatActionButtonLocation 及其属性,例如 endDocked、startDocked、centerDocked,但他没有一个...

回答 7 投票 0

showdialog 内的 Navigator.push() 不起作用

尝试使用 Navigator.push() 导航到新屏幕,但它不起作用。 我创建了一个自定义类来显示 AlertDialog 并使用该对象调用该类来显示 AlertDialog

回答 2 投票 0

Flutter show搜索键盘搜索

我对 Flutter 和 Dart 非常陌生,所以我尝试构建一个简单的搜索应用程序,其中基于 Flutters showSearch 搜索栏中输入的单词进行查询。我理解 listtile 是为了显示而构建的

回答 3 投票 0

将按钮移至底部

我试图将按钮移至屏幕底部但徒劳。我基本上有 2 个 textEditingController 和一个按钮,但后者一直坚持使用 textEditingController。任何建议...

回答 4 投票 0

如何在 flutter 中删除 persistedFooterButtons 的顶部边框

我正在使用持久页脚按钮,我想删除其顶部边框。 有人知道怎么做吗? 我的代码: 持久页脚按钮:[ 中心( 孩子:文本按钮( 风格:

回答 3 投票 0

如何解决此问题错误:无法解析包?

我面临这个问题。我怎么解决这个问题。请帮我。 错误:无法解析“package:intl/intl.dart”中的包“intl”。 lib/screens/chat.dart:4:8: 错误:未找到:'package:intl...

回答 4 投票 0

Flutter 将字符串转换为颜色

我正在尝试将字符串转换为颤振中的颜色值。 这是我的代码: 文字(颜色, 样式:文本样式( 颜色: color.substring(1, color.length()-1), fontWeight:FontWeight.bold ...

回答 3 投票 0

如何保证密钥存储密钥的安全

在flutter应用程序中存储key.jks文件对于flutter应用程序发布来说是安全的吗? 在 key.properties 文件中存储 storePassword、keyPassword、keyAlias 和 storeFile 路径对于应用程序发布来说是安全的吗? 我...

回答 2 投票 0

Flutter Wrap() Widget中的spacing和runSpacing有什么区别?

名为参数 Flutter Wrap() Widget 的间距和运行空间以及运行对齐属性之间有什么区别,请解释一下

回答 4 投票 0

Flutter:找不到 ScaffoldMessenger 小部件

我试图在 flutter 中单击按钮来创建一个小吃栏,但出现异常,找不到 ScaffoldMessenger 小部件。相同的代码似乎在 Flutter 示例中可以正常工作......

回答 10 投票 0

Flutter:ListTile 宽度

我有这段代码在同一行中显示 2 个 ListTiles: 排( 孩子们:[ 灵活的( 子项:ListTile( 领导...

回答 2 投票 0

减少列小部件中特定子项之间的空间

之间的空间是什么以及如何删除/减少它? 中心( 子项:列( crossAxisAlignment:CrossAxisAlignment.center, mainAxisAlignment:MainAxisAlignment.center, 孩子...

回答 1 投票 0

未处理的异常:FormatException:

我的问题是我使用 firebase 处理 flutter 应用程序,我完成了可以使用 firebase 的所有步骤,当我运行 flutterfire 配置命令时出现此异常 ⠼ 可获取 Firebase 项目...

回答 2 投票 0

当我们点击列表项时,一次可滑动一张幻灯片

我想在点击列表项时滑动,当我点击第一次滑块打开时,第二次当我点击另一个列表项时,第一个滑块刚刚关闭,第二个滑块不打开。 这里是...

回答 2 投票 0

如何在 Flutter 中设置 Button 的边距

我只是在 Flutter 中创建一个表单。我无法设置按钮的上边距。 类 _MyHomePageState 扩展 State { 字符串名字; 字符串姓氏; 最后的脚架...

回答 11 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.