Flutter :如何有条件地添加小部件
Flutter是一种跨平台的移动应用开发框架，可以同时在iOS和Android平台上构建高性能、美观的应用程序。在Flutter中，可以通过条件语句来有条件地添加小部件。
要有条件地添加小部件，可以使用Flutter的条件表达式和条件语句。以下是一些常见的条件添加小部件的方法：
- 使用条件表达式：
- 可以使用三元运算符来根据条件添加小部件。例如，可以使用
condition ? widget1 : widget2的形式，如果条件为真，则添加widget1，否则添加widget2。 - 可以使用
condition ? widget : null的形式，如果条件为真，则添加widget，否则不添加任何小部件。
- 可以使用三元运算符来根据条件添加小部件。例如，可以使用
- 使用条件语句：
- 可以使用
if语句来根据条件添加小部件。例如，可以使用以下代码： - 可以使用
if语句来根据条件添加小部件。例如，可以使用以下代码： - 可以使用
if-else if-else语句来根据多个条件添加不同的小部件。例如，可以使用以下代码： - 可以使用
if-else if-else语句来根据多个条件添加不同的小部件。例如，可以使用以下代码：
- 可以使用
在Flutter中，可以根据具体的需求和条件来选择适当的方法来添加小部件。通过使用条件表达式和条件语句，可以根据不同的条件动态地构建UI，并根据需要显示不同的小部件。
关于Flutter的更多信息和相关产品，你可以参考腾讯云的Flutter开发文档和相关产品介绍：
- Flutter开发文档：https://flutter.dev/docs
- 腾讯云Flutter开发文档：https://cloud.tencent.com/document/product/1212
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mmp
请注意，以上提供的链接和信息仅作为参考，不代表对腾讯云产品的推荐或支持。
相关·内容
我正在构建一个类似火药味的刷卡机制，在Stack小部件中我有一个卡片小部件列表。第一张卡被包装在一个Dismissible小部件中，这个小部件在解散时，解散顶部的卡片，并在底部添加一个新的卡片。
我在这里的问题是，当第一张卡被驳回，第二张卡变成第一张时，这张卡会被暂时处理，然后再次调用initState。
但是，正如莱纳斯·托瓦尔兹曾经说过的，
“谈话很便宜，给我看代码”
所以我举了一个例子：
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp ext
浏览 1提问于2019-12-14得票数 7
回答已采纳
我有一个基于选项卡的应用程序，每个选项卡都有多个导航堆栈(使用CupertinoTabScaffold)
在我推送到具有以下字段的路由之后，我正试图专注于一个CupertinoTextField：
屏幕1：
Navigator.of(context).push(CupertinoPageRoute<void>(
builder: (BuildContext context) => SearchResultPage(),
));
屏幕2：
@override
void initState() {
Timer(Duration(milliseconds: 10
浏览 2提问于2019-07-29得票数 0
回答已采纳
我正在开发一个需要日期和时间选择器的Flutter应用程序，我正在考虑使用flutter拥有的小工具(这是材料设计中的选择器)，但我担心苹果会因为这个而拒绝我的应用程序。 当你的应用被苹果审查时，有没有人遇到过这个问题？ 我尝试使用的小部件将如下所示。 https://materialdoc.com/components/pickers/ 谢谢你的回答！
浏览 19提问于2019-04-03得票数 2
我正在使用CupertinoNavigationBar来做一个像下图所期望的布局
在左侧/leading区域，我重写默认的back按钮来创建布局，但是我得到了一个溢出
return CupertinoPageScaffold(
...
leading: Row(
children: <Widget>[
UtomoDeckNavigationBar.getDefaultBackButton(context: context, isLightTheme: true),
Column(
crossAxis
浏览 0提问于2019-07-09得票数 1
回答已采纳
在调试模式下在F8331上启动F8331.运行Gradle任务‘assembleDebug’。../../Documents/Android%20Studio%20Project/kotaawan/lib/feature/main/home/product/new-product.dart:37:22:错误:必须返回一个非空值，因为返回类型'Widget‘不允许null。
('/E:/flutter/packages/flutter/lib/src/widgets/framework.dart').的'Widget‘来自于’package:flutter/src
浏览 9提问于2021-01-28得票数 0
我找不到答案来回答我的问题，基本上所有类似的情况都与重建使用MediaQuery的小部件有关(但在我的例子中并非如此)。当我点击TextField时，键盘就会出现，在此之后，MaterialApp.router中的构建器会被调用数十次。有可能避免这么多的建筑商调用吗？
main.dart：
import 'package:flutter/material.dart';
import 'package:routemaster/routemaster.dart';
final routes = RouteMap(
onUnknownRoute: (route)
浏览 5提问于2022-09-12得票数 1
回答已采纳
1回答
如何在用户状态摆动中更改抽屉项
、、、、
如何更改flutter上的抽屉项目取决于用户状态抽屉中有两个项目登录和登出，当我按下登出时，用户已登出，但抽屉没有更改注销按钮仍然可见，我应该重新加载页面，使其消失并显示登录按钮 if (_auth.currentUser == null)
Column(
children: [
ListTile(
title: Text('Sign In'),
onTap: () {
浏览 22提问于2021-02-03得票数 0
我是FLutter的新手。如何使用Flutter_native_splash在启动屏幕底部添加文本？有办法吗？
这是我的代码：
flutter_native_splash:
background_image: "assets/splashscreen_background.png"
image: assets/images/logo-text.png
浏览 21提问于2022-09-26得票数 1
我对flutter完全是个新手，我的第一步已经导致了一些错误，我不能通过我自己或者搜索这个网站来解决这些错误。 我想创建一个按钮，但得到一个我所理解的缺少方向性的Execption。唯一需要textDirection的小部件是Text Widget，但是它有ist，那么这里有什么问题呢？完全启动也已经尝试了几次，包括。新仿真器.. 这是我的代码： import 'package:flutter/material.dart';
void main(){
runApp(
new MyStatefullWidget()
) ;
}
class MyStatef
浏览 44提问于2018-12-26得票数 5
回答已采纳
我有这样的代码： Column(
children: [
MyFirstWidget(),
MySecondWidget(),
],
); 现在，如果有条件，我想向该列添加一些小部件。下面是一个示例： Column(
children: [
MyFirstWidget(),
MySecondWidget(),
if(condition == true) {
MyThirdWidget(),
浏览 29提问于2020-08-03得票数 1
回答已采纳
2回答
我正在尝试使用Sliver来实现可折叠的列表头。当我将小部件从普通窗口小部件更改为小窗口窗口小部件时，我经常会出现这样的错误：
I/flutter ( 3141): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter ( 3141): The following assertion was thrown building NotificationListener<ScrollNotification>():
I/f
浏览 0提问于2017-06-12得票数 22
回答已采纳
4回答
在android中运行颤振代码时，我会遇到以下异常。
I/flutter ( 5360)：小部件库╞═══════════════════════════════════════════════════════════I/flutter (5360)捕获的══╡异常:下面的断言被抛出构建文本(“xyz”)：i/══╡( 5360)：没有找到方向性小部件。I/flutter ( 5360)：RichText小部件需要一个方向性小部件祖先。I/颤振( 5360)：无法找到方向性祖先的特定小部件是: I/flutter ( 5360)：RichText(softWrap:在方框宽度处包装，maxL
浏览 2提问于2019-05-14得票数 6
回答已采纳
我有一个小部件，当点击时，保存一个ID号，覆盖1000ms的CircularProgressIndicator，然后弹出进度指示器，并将用户路由到另一个页面。
这个带有ProgressIndicator和计时器的位是新的，它破坏了我的单元测试，现在给出了以下错误：
The following assertion was thrown running a test:
'package:flutter_test/src/binding.dart': Failed assertion: line 574 pos 12: '() {
'A Timer is
浏览 0提问于2017-02-25得票数 6
回答已采纳
无法在flutter中选择文本。
我正在尝试选择文本字段中的文本，但仍然出现以下错误的红色屏幕。
代码：
@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
floatingActionButton: UtilUI.getFabExtended(constants.sDone, Icons.check, true, constants,
浏览 0提问于2020-05-19得票数 0
3回答
我试图在flutter中创建一个简单的布局，但始终会出现以下错误：
下面的断言被抛出构建文本(“交付功能更快”，textAlign: center)：没有找到方向性小部件。
我认为问题可能在TextDirection类属性中，但我一直找不到它。
这是我的代码：
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
void main(){
runApp( new MyHome());
}
class MyHome extends Statele
浏览 0提问于2018-04-06得票数 63
在观看Flutter视频时，我看到高级用户轻松地在已经嵌套的小部件中插入了一个新的Flutter小部件，Android Studio“神奇地”在正确的位置插入了结束括号。
相反，我必须手动“搜索”结束的花括号/括号，直到找到正确的}插入点。
假设我想插入居中( ... )在下面的插入符号处。要在Image.network和Scaffold闭括号之间自动插入闭括号，需要进行哪些击键？
演示进行得太快了，我无法确定他们是用什么击键方法来实现这一点的。
浏览 1提问于2019-11-13得票数 1
我在WordPress主题开发方面非常新，我正在开发一个使用BootStra CSS框架的主题。
我必须这样做，我的主题中的特定区域可以包含一些小部件\模块(我不知道WP中的正确名称是什么，我指的是后端的设置，这些设置将一些组件输出作为图片库图像或幻灯片显示。
有人能帮我理解这个论点吗？我能从什么开始做这个手术？
浏览 0提问于2014-02-07得票数 0
回答已采纳
1回答
例如，我想在flutter中隐藏某些页面的导航栏。
如何将其移除？因为在这个页面中没有关于bottomNavigationBar的内容。
这是我的代码：
int _selectedIndex = 0;
final PageController _pageController = PageController();
GlobalKey<CurvedNavigationBarState> _bottomNavigationKey = GlobalKey();
Scaffold(
body: PageView(
controller: _pageContr
浏览 1提问于2021-11-25得票数 0
我有个简单的问题。在Flutter中，我们解释了框架可以多次调用build方法，并且建议我们只能通过build方法返回小部件。但是，即使我们只返回小部件，难道不是导致了一些性能问题吗？如果build方法在一秒钟内被调用20次，这不意味着小部件将被呈现20次，而不是应该慢一些吗？如果Flutter框架优化了呈现小部件，那么如何优化呢？
你能参考一些详细的文档或答案吗？
浏览 9提问于2022-02-19得票数 1
回答已采纳
1回答
<React.Fragment>
<Jumbotron fluid className="mb-0">
<div className="container">
<div className="row">
<div className="col">
<h1>
MFICC <i classN
浏览 10提问于2021-07-20得票数 0
在flutter中，我需要在Flutter中的应用栏中添加返回的图标图像。我刚开始学习flutter &开发任何帮助的人都将不胜感激。
我需要在应用程序栏中自定义后退按钮图像
请告诉我如何在flutter的应用栏中添加返回图标图像？
浏览 3提问于2021-11-22得票数 0
我是新的颤振，并试图实现自定义列表视图在颤振。在布局错误期间，给出了be RenderCustomMultiChildLayoutBox对象的无限大小。
我无法得到哪个小部件的抛出错误
另外，请建议如何调试这些布局错误，因为错误跟踪没有抛出错误的特定小部件信息。
请查找相同的代码：
class ChatItemSreen extends StatelessWidget {
var leftSection;
var middleSection;
var rightSection;
ChatModel _chartObj;
浏览 0提问于2018-12-12得票数 25
3回答
我正在尝试为我的Flutter应用程序定义一些资源。
这是我的目录结构：
- lib
- assets
- images
└ bg_login.png <-- this one is 400x800px
└ 2.0x
└ bg_login.png <-- this one is 800x1600px.
- test
- ios
- android
- build
- pubspec.yaml
这是我的pubspec文件(缩进了两个空格)：
name: my_app
description: My App
dependencies:
flutter:
浏览 4提问于2018-10-01得票数 8
2回答
我想知道如何在网页上隐藏转发器转盘，我已经尝试取消选中控件属性上的可见性选项，这将删除整个转盘。我想实现visibility = false。
浏览 11提问于2017-02-07得票数 0
我想弹出一个网页浏览器，当我点击一个按钮，所以我做了一些不工作的代码，不知道为什么。
Widget customCardCategory(BuildContext context, String url)
{
String title = 'test';
void Function()? _showWeb(String title, String url)
{
showDialog(
context: context,
builder: (BuildContext context) {
return Dia
浏览 19提问于2022-08-11得票数 0
回答已采纳
1回答
我需要开发一个跨平台应用程序使用颤振，以支持移动以及网络平台。我需要一个图像选择器，为移动以及网络工作。目前，我正在使用图像选择器颤振插件的移动和flutter_web_image_picker的网页。但是构建失败了，因为flutter_web_image_picker使用了dart:HTML，并且移动构建不支持它。我需要知道，我应该如何有条件地为他们各自的平台呈现web选择器，因为有两个独立的代码库没有任何意义？
浏览 4提问于2020-09-08得票数 1
我不能纠正这个错误
RenderBox没有列出: RenderPointerListener#2b92a relayoutBoundary=up9需要--油漆需要--复合--位--更新‘package:flutter/src/RenderBox/box.dart’：失败的断言:第1940行pos 12：'hasSize‘。相关的导致错误的小部件是->ListView。
这是我的allProducts角色。
import 'package:flutter/material.dart';
import 'package:hospital/Draw
浏览 4提问于2021-05-31得票数 15
回答已采纳
我有这个基类，它应该是通过VM、Flutter和Web使用的泛型类： // base.dart
abstract class Foo {
void _method();
}
void doMethod(Foo foo) {
foo._method();
} 以下是io和web版本： // web.dart
import 'dart:html' as html;
class Bar implements Foo {
void _method() => html.someMethod();
}
// io.dart
import 'dart:i
浏览 19提问于2020-09-25得票数 1
回答已采纳
2回答
大家好，我正在尝试开发一个应用程序，但似乎无法通过第一个屏幕。有人能帮忙吗..。
堆栈溢出不允许我发布图像，所以您现在有一个链接
第二个链接显示了我目前的情况..。
我的代码：
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
void main() => runApp(const pantallaPrincipal());
class pantallaPrincipal extends StatelessWidget {
cons
浏览 4提问于2022-04-25得票数 1
1回答
使用Flutter test和drive选项时，我们是否可以根据先前测试的结果来控制某些测试的执行？我们在测试中有一个skip选项。然而，我无论如何也找不到检查程序中之前的测试是否通过的方法。例如： void main() {
group('Group A', () {
FlutterDriver driver;
// Connect to the Flutter driver before running any tests.
setUpAll(() async {
driver =
浏览 11提问于2019-10-15得票数 1
我正在尝试学习Flutter (作为一个没有很多编程背景的人)，并且在一个教程中刚刚学会了如何导入英语单词包。
我尝试使用示例代码，如：所示。
我收到的错误是:此表达式的类型为void，因此无法使用它的值。出现错误的是nouns.take(50).forEach(print);这一行。
代码如下：
import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';
void main() {
home: Scaffold(
body:
浏览 1提问于2021-12-04得票数 0
我从昨天开始真的试过了，我真的是个初学者，所以我想弄明白flutter窗口小部件是如何协同工作的。我想要两个容器；一个用于类似文本的介绍，第二个用于视图网格。 到目前为止，我所做的： import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
tit
浏览 23提问于2020-04-15得票数 1
回答已采纳
我是BLoC模式的新手，并且出现了一个我在其他地方找不到的问题。使用flutter_bloc库，我可以访问一个BlocBuilder小部件，该小部件将在块的状态发生变化时重新构建。由于我是独立于框架来处理状态的，所以有必要将父小部件(比如包含来自BLoC的数据的卡片)声明为有状态吗？
我已经能够成功地将BlocBuilders实现为有状态和无状态小部件的子级，但我还不能确定哪种是最佳实践，或者是否有必要成为有状态小部件。
我认为，如果您不需要更新BlocBuilder之外的任何内容，那么无状态是可以接受的，但是如果您要添加像RefreshIndicator这样的东西并且必须为此实现逻辑(并有条
浏览 32提问于2019-04-09得票数 2
回答已采纳
我创建了一个自定义的ListTile，它应该在中间有两个分数，在这个()的左边和右边有信息。
左边的信息可以有任意的长度，当它太长时应该使用TextOverflow.ellipsis。我不能让它工作，因为文本似乎不知道它应该具有的宽度和溢出。我已经尝试过将文本小部件包装成SizedBox、扩展等，但都不起作用。
flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
flutter: The following me
浏览 5提问于2018-10-16得票数 14
2回答
我有一个颤振(v3.0.4)的列表视图，现在我想要列表视图滚动，代码如下所示：
Widget _buildTodoView(BuildContext context) {
return Container(
key: _inputViewKey,
width: double.infinity,
child: SingleChildScrollView(
child: ListView(
scrollDirection: Axis.vertical,
shrinkWrap: true,
浏览 2提问于2022-07-06得票数 0
回答已采纳
所以我的球图像显示在我的模拟器上，而不是我自己添加的magic.jpg上。我的pubspec.yaml很好。我知道呀。有人知道哪里出了问题吗？my folder tree pubspec.yaml文件： name: magic_8_ball
description: A new Flutter application.
version: 1.0.0+1
environment:
sdk: ">=2.0.0-dev.68.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
cupertino_ico
浏览 15提问于2019-12-07得票数 1
刚在我的flutter应用程序中添加了桌面支持，它在android仿真器中运行良好，但不会在浏览器或桌面中呈现任何元素，只是一个简单的没有错误的空白页面。
这是我在控制台中遇到的错误，不确定这个错误是否真的是firebase造成的问题。
Launching lib/main.dart on Linux in debug mode...
Building Linux application...
Debug service listening on ws://127.0.0.1:40449/v58VaNveMLo=/ws
Syncing files to device Linux...
浏览 3提问于2022-05-06得票数 1
回答已采纳
我知道有许多类似的问题已经存在，但似乎没有一个答案能解决我的问题。
我得到了错误Null check operator used on a null value，但是在我的代码中任何地方我都不使用bang操作符。
这是我的main.dart文件：
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:
浏览 6提问于2022-02-23得票数 0
2回答
我只需要了解一下flutter有状态小部件在调用setState()时如何构建它们的有状态子部件。请看下面的代码。
class MyStatefulWidget extends StatefulWidget {
MyStatefulWidget({Key key}) : super(key: key);
@override
_MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}
class _MyStatefulWidgetState extends State<MyStatefulWi
浏览 1提问于2019-04-09得票数 10
如何使用flutter将截图保存到图库(android)？ 我是第一次接触flutter。
浏览 4提问于2020-07-21得票数 2
当我使用小部件Scrollbar向我的ListView添加滚动条时，这个断言会被抛出，尽管布局正常运行。完整的信息和相关代码如下：
══╡ EXCEPTION CAUGHT BY SCHEDULER LIBRARY ╞═
I/flutter ( 4453): The following assertion was thrown during a scheduler callback:
I/flutter ( 4453): 'package:flutter/src/material/scrollbar.dart': Failed assertion: line 111 pos 2
浏览 1提问于2020-10-20得票数 0
回答已采纳
在Flutter web中，默认情况下在ListView和SingleChildScrollView中有一个可见的滚动条。
如何隐藏？
浏览 82提问于2021-05-27得票数 1
我的父小部件包含一个isLiked bool字段。
最初构建这些子小部件时，它们会播放它们的动画。请注意以下代码片段：
@override
void initState() {
...
_animationController.forward();
}
我正在使用InheritedWidget访问父级的状态。我尝试将_animationController.reset()添加到initState()中，但也不起作用。
我认为当父状态更新时，该子组件不会被重新构建。我使用以下(可重用的)代码将状态向下传递到小部件树，如此中所述
import 'package:flutte
浏览 1提问于2018-04-04得票数 3
在我的颤振项目中，我有一个小部件，其中有一个CustomPaint，还有另一个小部件。另一个小部件是动画的。
但是由于某种原因，在每个框架上都调用了paint()函数，尽管它不是动画的。
下面是一个示例代码：
class TestAnimationPage extends StatefulWidget {
@override
_TestAnimationPageState createState() => _TestAnimationPageState();
}
class _TestAnimationPageState extends State<TestAnimati
浏览 6提问于2021-01-15得票数 2
2回答
我正试着在颤振中做一个定制的步进。我复制了stepper.dart的实现，将我的文件保存到我自己的lib文件夹中，并修复了导入以删除错误。
import 'package:flutter/src/material/button_theme.dart';
import 'package:flutter/src/material/colors.dart';
import 'package:flutter/src/material/debug.dart';
import 'package:flutter/src/material/flat_bu
浏览 0提问于2018-10-22得票数 13
回答已采纳
2回答
Flutter中的Scrollbar控件似乎有固定的厚度为6。我认为Scrollbar看起来很丑陋，它太厚了。此外，如果我将Flutter Scrollbar与我设备中其他应用程序中的滚动条进行比较，它们看起来都不同(它们看起来更好)。 我可以在不创建新的Scrollbar小工具的情况下更改滚动条的粗细吗？ 我有一个想法，迫使滚动条部分退出屏幕，使它看起来更薄，但我不知道如何做到这一点。 我正在使用带有ListView的滚动条。
浏览 138提问于2019-05-15得票数 4
15回答
我试图创建一个ListView，但是当我导入list_form.dart类时，我会得到这个错误。也许我在布局上犯了一些错误，因为如果我试图在主文件中运行它，我就不会得到这个错误。
这是一个错误：
I/flutter (12956): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter (12956): The following assertion was thrown during performResize():
浏览 3提问于2018-10-14得票数 216
回答已采纳
在第1课的第18节视频中，Udacity的使用Flutter构建本地移动应用程序课程中，讲师说“在flutter中，一个屏幕被称为一条路径”，但也有澄清，“在flutter路径中是通往屏幕的路径”。
那么，哪种说法是正确的，为什么？
浏览 1提问于2020-02-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
