在 Column 小部件下編寫三元運算符時出現錯誤。 這實際上可以完成，我該如何解決？

Question

我有一個數組，其中包含一個圖像 URL 和普通字符串作為其內容。 我想根據正在讀取的值顯示圖像或文本小部件。 我用它來完成這項工作：

Widget build(BuildContext context) {
    final usrMap = {"tom", 'tom.png', "taommy"};
    return MaterialApp(
      title: 'Flutter Tutorial',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Text Widget Tutorial'),
        ),
        body: Column(
          children: [
            for( var prop in usrMap){
              prop.contains(".com")? Text(prop) : Text("not .png")
            },
        ]
         ),
      ),
    );
  }

我收到此錯誤無法將元素類型“Set”分配給列表類型“Widget”如何解決此問題？

Answer 1

像這樣使用。

 Widget build(BuildContext context) {
    final usrMap = {
      "tom",
      'tom.png',
      "taommy",
      "sheikh.com",
    };
    return MaterialApp(
      title: 'Flutter Tutorial',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Text Widget Tutorial'),
        ),
        body: Column(children: [
          ...usrMap.map((e) {
            if (e.contains(".com"))
              return Text("prop");
            else
              return Text("not .png");
          }).toList(),
        ]),
      ),
    );
  }