【问题标题】:Null value inside the Text widget that returns from an API从 API 返回的 Text 小部件内的 Null 值
【发布时间】:2021-10-16 22:22:16
【问题描述】:
我有一个返回空值的 API 调用,我想在 Text 小部件中处理它,如果该值为空,则返回和空字符串,如 '' 或空文本小部件,如 @987654324 @,如果文本不为空,则按原样返回小部件。
Text('FLIGHT ${data.locations.pickup.flightInfo.flightNumber}' ?? ''),
我只是像上面的代码一样在 Text 小部件中检查它,这不是正确的方法吗?提前感谢您的帮助!
【问题讨论】:
标签:
flutter
mobile
flutter-text
【解决方案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}'),
虽然看起来很长,但它可以工作,或者你可以使用空安全来做到这一点