Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flutter make vertical appBar

Tags:

flutter

appbar

In app I want to make a vertical appBar with custom title in different page:

How I can make it?

like image 935
Homa.eee Avatar asked Dec 09 '25 19:12

Homa.eee


1 Answers

You can use RotatedBox to rotate AppBar, but you will not be able to use the parameter of appBar in Scaffold, because that one expects horizontal one.

class VerticalAppBar extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RotatedBox(
      quarterTurns: 3,
      child: AppBar(
        primary: false,
        title: Text('My Bar'),
      ),
    );
  }
}
like image 118
Tomáš Linhart Avatar answered Dec 12 '25 05:12

Tomáš Linhart



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!