Tab views Facebook flutter

  appBar: PreferredSize(

          preferredSize: Size.fromHeight(150.0), // here the desired height

          child: AppBar(


            backgroundColor: Colors.white38,

            title: Container(

              child: Text('FaceBook'),

            ),

            actions: <Widget>[


              Padding(

                padding: const EdgeInsets.only(right: 20,left: 10),

                child: InkWell(

                    onTap: () {

                      Navigator.of(context).pushNamed('/search_screen');

                    },

                    child: new Image.asset(

                      'assets/images/search.png',

                      width: 22,

                      height: 22,

                    )),

              ),

            ],

            bottom: PreferredSize(

              child: Column(

                children: <Widget>[

                  Container(

                    padding: EdgeInsets.all(10),

                    child: Row(

                      children: <Widget>[

                        ClipOval(

                          child:   Image(

                            fit: BoxFit.cover,

                            width: 40.0,

                            height: 40.0,

                            image: AssetImage('assets/images/no_photo_available.png'),

                          ),

                        ),


                        SizedBox(

                          width: 15.0,

                        ),

                        Expanded(

                          child: Container(

                            height: 40.0,

                            decoration: BoxDecoration(

                              borderRadius: BorderRadius.circular(100),

                                color: Colors.white,

                                border: Border.all(

                                color: Color(0xFFF05A22),

                                style: BorderStyle.solid,

                                width: 1.0,

                          ),

                            boxShadow: [

                              BoxShadow(

                                  color: Colors.green,

                                  spreadRadius: 1),

                            ],

                            ),

                            child: Padding(

                              padding: EdgeInsets.only(top: 10,left: 10),

                              child: Text(

                                'What\'s on your mind?',

                                style: TextStyle(

                                  color: MyColors.littleImportant(),

                                ),

                              ),

                            )

                          ),

                        ),

                      ],

                    ),

                  ),

                  Container(

                    padding: EdgeInsets.all(10),

                    child: Row(

                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,

                      children: <Widget>[

                        InkWell(

                          onTap: () {

                            Navigator.of(context).pushNamed('/drawer_screen');

                          },

                          child: Row(

                            children: <Widget>[

                              new Image.asset(

                                'assets/images/home.png',

                                width: 22,

                                height: 22,

                              ),

                              Text('Loream'),

                            ],

                          ),

                        ),

                        Container(

                            width: 1.0,

                            height: 20.0,

                            child: VerticalDivider(

                              color: Colors.grey,

                            )),

                        InkWell(

                          onTap: () {

                            Navigator.of(context).pushNamed('/favorite_screen');

                          },

                          child: Row(

                            children: <Widget>[

                              new Image.asset(

                                'assets/images/share.png',

                                width: 22,

                                height: 22,

                              ),

                              Text('Loream'),

                            ],

                          ),),

                        Container(

                            width: 1.0,

                            height: 20.0,

                            child: VerticalDivider(

                              color: Colors.grey,

                            )),

                        InkWell(

                          onTap: () {

                            Navigator.of(context).pushNamed('/message_screen');

                          },

                          child: Row(

                            children: <Widget>[

                              new Image.asset(

                                'assets/images/chat.png',

                                width: 22,

                                height: 22,

                              ),

                              Text('Loream'),

                            ],

                          ),

                        ),

                        Container(

                            width: 1.0,

                            height: 20.0,

                            child: VerticalDivider(

                              color: Colors.grey,

                            )),

                        InkWell(

                          onTap: () {

                            Navigator.of(context).pushNamed('/po_screen');

                          },

                          child: Row(

                            children: <Widget>[

                              new Image.asset(

                                'assets/images/book.png',

                                width: 22,

                                height: 22,

                              ),

                              Text('Loream'),

                            ],

                          ),

                        ),

                      ],

                    ),

                  ),

                ],

              ),

              //preferredSize: Size.fromHeight(100),

            ),

            automaticallyImplyLeading: true,

          ),

      ),

Comments