Breaking News: Grepper is joining You.com. Read the official announcement!

make appbar a widget flutter

Add Answer

Mysterious Mallard answered on August 30, 2022 Popularity 9/10 Helpfulness 1/10

answer make appbar a widget flutter

related appbar flutter simple

make appbar a widget flutter

Comment

-1

import 'package:flutter/material.dart';

class CustomAppBar extends StatefulWidget implements PreferredSizeWidget {
    CustomAppBar({Key key}) : preferredSize = Size.fromHeight(kToolbarHeight), super(key: key);

    @override
    final Size preferredSize; // default is 56.0

    @override
    _CustomAppBarState createState() => _CustomAppBarState();
}

class _CustomAppBarState extends State<CustomAppBar>{

    @override
    Widget build(BuildContext context) {
        return AppBar( title: Text("Sample App Bar") );
    }
}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: appbar flutter whatever widget

Link to this answer
Share Copy Link

Contributed on Jun 02 2024

Mysterious Mallard

0 Answers Avg Quality 2/10

Closely Related Answers

appbar flutter simple

Comment

appBar: PreferredSize(
          preferredSize: Size.fromHeight(66),
          child: Padding(
            padding: const EdgeInsets.fromLTRB(0, 10, 7, 0),
            child: AppBar(
              leading: IconButton(
                onPressed: () {
                  Navigator.push(
                    context,
                    MaterialPageRoute(builder: (context) => Home()),
                  );
                },
                icon: SvgPicture.asset(
                  'assets/back.svg',
                  height: 20,
                  width: 20,
                ),
              ),
              title: Text(
                'WishlistItems',
                style: GoogleFonts.poppins(
                  textStyle: Theme.of(context).textTheme.displayMedium,
                  fontSize: 16,
                  fontWeight: FontWeight.normal,
                  color: Colors.black,
                ),
              ),
              elevation: 0,
              backgroundColor: Colors.transparent, // appbar color.
              actions: [
                TextButton(onPressed: (){}, child: Text(
                  'Clear all',
                  style: GoogleFonts.poppins(
                    textStyle: Theme.of(context).textTheme.displayMedium,
                    fontSize: 13,
                    fontWeight: FontWeight.normal,
                    color: Colors.blue,
                  ),
                ),),

              ],
            ),

          ),
        ),

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: appbar ap

Link to this answer
Share Copy Link

Contributed on Aug 30 2022

Umer Qureshi

0 Answers Avg Quality 2/10

make appbar a widget flutter

Contents

More Related Answers

make appbar a widget flutter

Closely Related Answers

appbar flutter simple

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.