Decoration Container

Je veux reproduire un screen sauf que y’a quelque chose qui me bloque, voici le screen orignal:

voici la ou j’en suis avec le mien,

Comme vous le voyer il manque les trous de gauche et droite mais aussi les bordures en scie. J’aimerais savoir comment c’est dents de scie. Pour vous facilitez la lecture je vous donne le code de du rectangle:

Row(

            children: [

              Container(

                alignment: Alignment.centerRight,

                height: 140.0,

                width: 50.0,

                child: RotatedBox(

                  quarterTurns: 3,

                  child: Padding(

                    padding: const EdgeInsets.only(bottom: 8.0),

                    child: Text(

                      "THEATRE",

                      style: TextStyle(color: Colors.white, fontSize: 14.0),

                    ),

                  ),

                ),

                decoration: ShapeDecoration(

                    color: Colors.black,

                    shape: BeveledRectangleBorder(

                      borderRadius: BorderRadius.only(

                        topLeft: Radius.circular(5.0),

                        bottomLeft: Radius.circular(5.0),

                        topRight: Radius.circular(5.0),

                        bottomRight: Radius.circular(5.0),

                      ),

                      side: BorderSide(color: Colors.black),

                    )),

              ),

              Container(

                height: 140.0,

                width: 330.0,

                child: Padding(

                  padding: const EdgeInsets.all(5.0),

                  child: Column(

                    children: [

                      Row(

                        children: [Text("Drama title")],

                      ),

                      SizedBox(

                        height: 5.0,

                      ),

                      Row(

                        children: [

                          Column(

                            children: [

                              Card(

                                elevation: 5.0,

                                child: Container(

                                  height: 80.0,

                                  width: 80.0,

                                  child: Column(

                                    children: [

                                      Image.asset("assets/test.png",

                                          width: 60.0),

                                    ],

                                  ),

                                ),

                              ),

                              SizedBox(

                                height: 5.0,

                              ),

                              Text(

                                "Ref: 1240320246054",

                                style: TextStyle(fontSize: 8.0),

                              ),

                            ],

                          ),

                          SizedBox(

                            width: .0,

                          ),

                          Column(

                            mainAxisAlignment: MainAxisAlignment.start,

                            crossAxisAlignment: CrossAxisAlignment.start,

                            children: [

                              Row(

                                children: [

                                  Icon(

                                    Icons.event,

                                    size: 20.0,

                                    color: Colors.grey,

                                  ),

                                  SizedBox(

                                    width: 5.0,

                                  ),

                                  Text(

                                    "27 April 2015 18:00",

                                    style: TextStyle(

                                        fontSize: 12.0, color: Colors.grey),

                                  )

                                ],

                              ),

                              Row(

                                children: [

                                  Icon(

                                    Icons.location_on,

                                    size: 20.0,

                                    color: Colors.grey,

                                  ),

                                  SizedBox(

                                    width: 5.0,

                                  ),

                                  Text(

                                    "Angré, Cocody",

                                    style: TextStyle(

                                        fontSize: 12.0, color: Colors.grey),

                                  )

                                ],

                              ),

                              Padding(

                                padding: const EdgeInsets.only(

                                    left: 40.0, top: 20.0),

                                child: Column(

                                  mainAxisAlignment: MainAxisAlignment.start,

                                  crossAxisAlignment: CrossAxisAlignment.start,

                                  children: [

                                    Container(

                                      height: 30.0,

                                      width: 130.0,

                                      child: Row(

                                        mainAxisAlignment:

                                            MainAxisAlignment.center,

                                        children: [

                                          Icon(

                                            Icons.check_circle,

                                            color: Colors.orange,

                                            size: 20.0,

                                          ),

                                          SizedBox(

                                            width: 5.0,

                                          ),

                                          Text("BUY TICKETS",

                                              style: TextStyle(

                                                color: Colors.orange,

                                              )),

                                        ],

                                      ),

                                      decoration: BoxDecoration(

                                        borderRadius: BorderRadius.all(

                                          Radius.circular(50.0),

                                        ),

                                        border: Border.all(

                                          color: Colors.orange,

                                          width: 1.0,

                                          style: BorderStyle.solid,

                                        ),

                                      ),

                                    ),

                                  ],

                                ),

                              )

                            ],

                          ),

                        ],

                      )

                    ],

                  ),

                ),

                decoration: ShapeDecoration(

                    color: Colors.white,

                    shape: BeveledRectangleBorder(

                      borderRadius: BorderRadius.only(

                        topLeft: Radius.circular(5.0),

                        bottomLeft: Radius.circular(5.0),

                      ),

                      side: BorderSide(color: Colors.white),

                    )),

              ),

            ],

          ),

Utilise le widget ClipRect, on l’utilise dans l’application BuyIT, il permet de modifier les pixels d’un child. Il te faudra plusieurs modifications pour atteindre ce résultat.

d’accord merci beaucoup