从 API 返回的 Text 小部件内的 Null 值

Posted

技术标签:

【中文标题】从 API 返回的 Text 小部件内的 Null 值【英文标题】:Null value inside the Text widget that returns from an API 【发布时间】:2021-10-16 22:22:16 【问题描述】:

我有一个返回空值的 API 调用,我想在 Text 小部件中处理它,如果该值为空,则返回和空字符串,如 '' 或空文本小部件,如 @987654324 @,如果文本不为空,则按原样返回小部件。

 Text('FLIGHT $data.locations.pickup.flightInfo.flightNumber' ?? ''),

我只是像上面的代码一样在 Text 小部件中检查它,这不是正确的方法吗?提前感谢您的帮助!

【问题讨论】:

试试这个答案here 【参考方案1】:

您可以像这样轻松使用 null 安全检查:

Text(data.locations.pickup.flightInfo.flightNumber != null  ? 'FLIGHT $data.locations.pickup.flightInfo.flightNumber' : ""), 

【讨论】:

【参考方案2】:

这是你可以做的

Text($data.locations.pickup.flightInfo.flightNumber == null ? '' : 'FLIGHT $data.locations.pickup.flightInfo.flightNumber'),

虽然看起来很长,但它可以工作,或者你可以使用空安全来做到这一点

【讨论】:

以上是关于从 API 返回的 Text 小部件内的 Null 值的主要内容,如果未能解决你的问题,请参考以下文章

data!= null :必须向 Text 小部件提供非 null 字符串

如何从模型实例(具有来自 api 的值)传递数据并将其提供给 Text() 小部件

必须向 Text 小部件提供非空字符串。错误显示,但 null-safety 不适用于代码

从 MainWindow 内的 QWidget 内的按钮更改 MainWindow 小部件

如何在颤动中加载数据之前显示进度对话框?

必须向 Text 小部件 Flutter Api 提供非空字符串