title: flutter: How to achieve the gradually fading text in a ListView?
body: <p>I want to achieve the style like the picture.
  A <code>ListView</code> containing a few <code>Container</code>, and each container has some text. When scrolling the <code>ListView</code>, I want to gradually faded part of the content of the last <code>Container</code>. The last means the one displayed in the bottom of the <code>ListView</code><a href="https://i.stack.imgur.com/VPHS7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VPHS7.png" alt="the style I want" /></a>.</p>
  <p>this is what I have done. Some explanation: <code>timeTable</code> is a widget in front of the ListView, and <code>statisticItem</code> is exactly the <code>Container</code> that I mentioned above.</p>
  <pre><code>body: Column(
        children: &lt;Widget&gt;[
          timeTable(),
          SizedBox(height: 18,),
          Expanded(
            child: ListView.separated(
              itemCount: 5,
              separatorBuilder: (context, index) =&gt; SizedBox(height: 24.0,),
              itemBuilder: (context, index) =&gt; statisticItem(),
            ),
          )
        ],
      )
  </code></pre>
  <p>Also, I have made some effort in shaderMask, but I can only change the background color. Any idea I'll we very appreciative.</p>