flutter - 当array为null []并且样式不起作用时， flutter 显示空间

Question

在我的屏幕上，数据[index] ['text']在没有值但样式不起作用时显示[]
不存在时如何显示空格而不是[]？

return ListTile(
     title: Html(data: """<br> """ + data[index]['id'] + ' - ' + data[index]['value'] + ' - ' + """ <span style="color: red"> """ + (data[index]['text']) + """ </b> """ + """ """),
     trailing: Icon(Icons.keyboard_arrow_right),
     onTap: () => Navigator.pushNamed(context, '/approve', arguments:
 data[index]['id'].toString()),
     isThreeLine: false,
     dense: true,
);

Answer 1

阅读

1)null-aware operators(如果为null的替代表达式，也称为三元运算符的简写形式)

2)string interpolation(避免长时间串联)

解:

return ListTile(
  title: Html(
    data: "<br/> ${data[index]['id']} - ${data[index]['value']} - <b>${data[index]['text'] ?? "&nbsp;"}</b>"
  ),
  trailing: Icon(Icons.keyboard_arrow_right),
  onTap: () => Navigator.pushNamed(context, '/approve', arguments:
 data[index]['id'].toString()),
  isThreeLine: false,
  dense: true,
);