title: How to set colored line to end of card in flutter?
body: <p>i was tring to make this to available to my list of expenses. </p>
  
  <p>Expected output:</p>
  
  <p><a href="https://i.stack.imgur.com/INcJl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/INcJl.png" alt="card view with border at end"></a></p>
  
  <p>My Output:</p>
  
  <p><a href="https://i.stack.imgur.com/iceHh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iceHh.png" alt="card view with no border"></a></p>
  
  <p>i tried using <code>verticalDivider( thickness:2.0, color:Colors.red )</code> and <code>Container( width:2.0, color:Colors.red )</code> wrap with <code>IntrinsticHeight</code>. it has to take up card's height. here my output's code for card view.</p>
  
  <pre><code>Card(
       margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
       elevation: 2.0,
          child: InkWell(
                         splashColor: Colors.blue.withAlpha(30),
                         onTap: () async{
                             //no action
                        },
                         child: Container(
                           padding: EdgeInsets.all(10.0),
                           width: double.infinity,
                           //height: 150,   //set to wrap
                             child:new Row(
                             children: &lt;Widget&gt;[
  
  
                           Container(
                                color: Colors.deepPurple[50],
                           padding: new EdgeInsets.all(5.0),
                           child: Text('$id', style: TextStyle(color: Colors.deepPurple, fontSize: 25.0, fontWeight: FontWeight.bold,),)
                           ),
  
                           SizedBox(width:15.0),
  
                           //add expanded to get full view area
                           Expanded(     
                             child: Column(
                               mainAxisSize: MainAxisSize.min,
                               crossAxisAlignment: CrossAxisAlignment.stretch,
                               children: &lt;Widget&gt;[
  
                                 Row(
                                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                    children: &lt;Widget&gt;[
  
                                        Text('$transfer', style: TextStyle(fontSize: 18.0, color: Colors.black54, letterSpacing: 1.5, ), overflow: TextOverflow.ellipsis,),
                                        Text("\u20B9 $amt", style: TextStyle(fontSize: 20.0, color: Colors.red, fontWeight: FontWeight.bold, ), overflow: TextOverflow.ellipsis,),
                                    ],
                                 ),
  
                               ],
                             ),
                           ),
  
                           SizedBox(width:10.0),
  
                           VerticalDivider(thickness: 2.0, color: Colors.red,),
  
                             ],
                         ),
                         ),
                         ),
   );
  </code></pre>
  
  <p>how to achieve this expected output?</p>
  
  <p>Thanks in advance.</p>