title: Inkwell inside FutureBuilder?
body: <p>Can I use <code>InkWell</code> inside <code>FutureBuilder</code> in order to change the color of a Container (<code>Ink</code>) on Tap?
  I tried it but seems not working, so I'm wondering if the problem is FutureBuilder.</p>
  <pre class="lang-dart prettyprint-override"><code> @override
    void initState() {
  
      super.initState();
      _future = MatchCard.get();
    }
  
    @override
    Widget build(BuildContext context) {
      Color _color1 = Colors.white;
    
      return FutureBuilder(
          future: _future,
          builder: (BuildContext context, AsyncSnapshot&lt;DocumentSnapshot&gt; snapshot) {
            if (snapshot.hasError) {
              return const Text(&quot;Something went wrong&quot;);
            }
  
            if (snapshot.hasData &amp;&amp; !snapshot.data!.exists) {
              return const Text(&quot;Document does not exist&quot;);
            }
            if (snapshot.connectionState == ConnectionState.done) {
              Map&lt;String, dynamic&gt; data =
                  snapshot.data!.data() as Map&lt;String, dynamic&gt;;
  
              return Card(
                  elevation: 3.0,
                  shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(10.0)),
                  color: Colors.grey[50],
                  child: Column(
                    children: [
                      Row(
                        children: [
                          Padding(
                            padding:
                                const EdgeInsets.only(right: 8, left: 8, top: 8),
                            child: Text(
                              &quot;${data[&quot;teams&quot;]}&quot;,
                              style: const TextStyle(
                                  fontWeight: FontWeight.w600, fontSize: 16),
                            ),
                          ),
                        ],
                      ),
                      Padding(
                        padding: const EdgeInsets.only(
                            top: 10, left: 8, right: 8, bottom: 8),
                        child: Row(
                          children: [
                            Expanded(
                              child: InkWell(
                                
                                onTap: () {
                                  setState(() {
                                    _color1 = Colors.teal;
                                  });
                                },
                                child: Row(
                                  children: [
                                    Flexible(
                                      flex: 4,
                                      child: Container(
                                        alignment: Alignment.center,
                                        color: Colors.teal[700],
                                        child: const Padding(
                                          padding: EdgeInsets.all(4.0),
                                          child: Text(
                                            &quot;1&quot;,
                                            style: TextStyle(
                                              color: Colors.white,
                                              fontWeight: FontWeight.bold,
                                            ),
                                          ),
                                        ),
                                      ),
                                    ),
                                    Flexible(
                                      flex: 6,
                                      child: Ink(
  
                                        color: _color1,
                                        child: Padding(
                                          padding: const EdgeInsets.all(4.0),
                                          child: Text(&quot;${data[&quot;odds&quot;][&quot;home&quot;]}&quot;),
                                        ),
                                      ),
                                    )
                                  ],
                                ),
                              ),
                            ),
                            
                            
                          ],
                        ),
                      )
                    ],
                  ));
            }
            return const CircularProgressIndicator();
          });
    }
  
  </code></pre>