title: how to place image on border of card in flutter?
body: <p>I am new in flutter , I am sharing an image in which there is card and its border has an image (as you can see the date i.e JULY , 2020 is showing inside an image) . I don't have any idea of how to achieve this functionality . Please help me.
  I wrote the below code to create the card. The code is displaying the date image inside the card . Do I need to follow some other widget rather than card and listtile?</p>
  
  <p><a href="https://i.stack.imgur.com/rHOrZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rHOrZ.png" alt="The problem I am facing is to place the image the image which is displaying date on the card , the code I shared displays the date image inside the card"></a></p>
  
  <pre><code>BoxDecoration myBoxDecoration() {
    return BoxDecoration(
      color: Colors.grey[100],
      border: Border.all(
        width: 1, //
        //                &lt;--- border width here
      ),
    );
  }
  Widget _myListView(BuildContext context) {
  return new ListView.separated(
    padding: const EdgeInsets.all(8),
    itemCount: 1,
    itemBuilder: (BuildContext context, int index) {
      return  Padding(
          padding: const EdgeInsets.all(0.0),
          child:
          Column(
              children: &lt;Widget&gt;[
          Container(
              decoration:  myBoxDecoration(),
              height: 180,
  
  
              child :
              Card(
                      child: Ink(
                        color: Colors.grey[200],
                        child : ListTile(
                          onTap: () {
                          },
                          title: Column(
                              children: &lt;Widget&gt;[
                                Row(
                                 children: &lt;Widget&gt;[
                                Container(
                                  child:
  
                                  Center(child: Text('JULY , 2020' ,  style: TextStyle(
                                      fontWeight: FontWeight.bold ,
                                      fontSize: 20,
                                      color: Colors.white
                                  ),),),
                                  width: 190.0,
                                  height: 30,
                                  decoration: BoxDecoration(
                                    image: DecorationImage(
                                      image: AssetImage("assets/images/apply_leave.png"),
                                      fit: BoxFit.fill,
                                      //  alignment: Alignment.center,
                                    ),
                                  ),
                                ),
                                Container(
                                   child:Text('' ,  style: TextStyle(
                                       fontWeight: FontWeight.bold ,
                                       fontSize: 20,
                                       color: Colors.black
                                   ),)
                                )
  
  
                                ]
                                ),
                                SizedBox(height: 20.0),
  
                               Expanded(
                                 child :
                                 Row(
                                     children: &lt;Widget&gt;[
                                  Text('FEE SCEDULE' , style: TextStyle(
                                   fontWeight: FontWeight.bold ,
                                   color: Colors.black,
  
  
                                     )),
                                       SizedBox(width: 80.0),
                                       Text('JULY-SEPT' , style: TextStyle(
                                         fontWeight: FontWeight.bold ,
                                         color: Colors.black,
  
  
                                       ))
  
                                     ])
                               ),
                                Expanded(
                                    child :
                                    Row(
                                        children: &lt;Widget&gt;[
                                          Text('DUE DATE' , style: TextStyle(
                                            fontWeight: FontWeight.bold ,
                                            color: Colors.black,
  
  
                                          )),
                                          SizedBox(width: 105.0),
                                          Text('10-06-2020' , style: TextStyle(
                                            fontWeight: FontWeight.bold ,
                                            color: Colors.black,
  
  
                                          ))
  
                                        ])
                                ),
                                Expanded(
                                    child :
                                    Row(
                                        children: &lt;Widget&gt;[
                                          Text('END DATE' , style: TextStyle(
                                            fontWeight: FontWeight.bold ,
                                            color: Colors.black,
  
  
                                          )),
                                          SizedBox(width: 105.0),
                                          Text('19-07-2020' , style: TextStyle(
                                            fontWeight: FontWeight.bold ,
                                            color: Colors.black,
  
  
                                          ))
  
                                        ])
                                )
  
                              ]
  
  
  
  
                        ),
                      ),
                    ),
                  )
  
  
          ),
                Container(
                  child:  Card(
                    color:  Colors.black,
  
                    child: Padding(
                      padding: const EdgeInsets.all(14.0),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
  
  
                        children: &lt;Widget&gt;[
                          Text('Total Amount:',style: TextStyle(fontWeight: FontWeight.bold , color: Colors.white),),
                          Text('254684'+'/-',style: TextStyle(fontWeight: FontWeight.bold , color: Colors.white),),
                        ],
                      ),
                    ),
                    //
                  ),
  
                )
      ]
          )
      );
    },
    separatorBuilder: (BuildContext context,
        int index) =&gt; const Divider(),
  );
  </code></pre>
  
  <p>}</p>