title: Flutter - Compare two lists
body: <p>I'm trying to compare two lists to show an image, depending on its result.</p>
  <p>The basic idea is to show a list of pictures (with a lowered opacity) and when one element is part of both lists to show the picture without opacity.</p>
  <p>when using <code>print()</code> on both lists I get the following results:</p>
  <pre><code>s:      [Aquatic, Desert, Grassland, Temperate, Tigra, Tropical, Tundra]
  biomes: [Grassland, Tropical]
  </code></pre>
  <p>so the idea is, that only Grassland and Tropical (in this example) gets fully shown, while the others stay translucent.</p>
  <p>Unfortunately all pictures stay translucent and I'm not quite sure what I'm missing.</p>
  <pre><code>Widget BiomeElement(List&lt;String&gt; s, biomes) {
  
    List&lt;Widget&gt; list = new List&lt;Widget&gt;();
      for (var i = 0; i &lt; s.length; i++) {
        list.add(
          Padding(
            padding: const EdgeInsets.all(4.0),
            child: new Opacity(
              opacity: (s.contains(biomes) ? 1 : 0.3),
              child: Column(
                children: [
                  Image.asset(
                    'assets/biomes/biome_' + s[i].toLowerCase() + '.png',
                    height: 35,
                    width: 35),
                ],
              ),
            ),
          ),
        );
      }
  
     return new Row(
        // mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: list
     );
  }
  </code></pre>