SLIVER APP BAR • Flutter Widget of the Day #12

🥷🏽 FOLLOW ME

[trinib]

hey hey hey..did you read hundreds of people minds ? your content is exactly what we need

[ritiksaxenaofficial]

This is awesome. I randomly got this video suggestion and subscribed in the first 10 seconds. Keep it up.

[Syndrical]

The widget I've been waiting for!
Thank you

[abenezermarkos]

so grateful for the video my man. keep it up

[haroonrehman]

Most mature content and and great style of teaching in a short time ❤🎉🇵🇰

[michaelschafferAT]

3:30 I use Crome to preview and here the title is slightly offset to the right. Like the menu icon is pushing it to the side.
In Android Simulator it is in the middle. If I scroll down, the title moves to the left.
🤷‍♂⁇

[Aali.]

Thanks for the amazing tutorial, can you please tell me which extension you are using for the indentation pointer?

[fadyaldhaim]

what is the extension that shows the indentation guides in that nice dashed way? 😶

[mymenora]

love it, btw, what code guide lines you use ? i love it that it shows you the end point of the widget tree...

[FernwehRS]

This was a fantastic demo! Would it be possible to make a similar grow/shrink/pinned effect but with the children instead? For example, have a child that is a square card with a title, background image and some text. When the top of the card hits the app bar, instead of going off screen it shrinks until it’s only tall enough to have the title in view and then just stays there until we scroll up again. I know it’s very specific but would that be possible?

[matthiasimegi]

Thanks a lot Mitch, you're blessed

[taebearluv]

I'm redesigning twitter clone but I dont get how to create an app bar in twitter home page
the app bar holds "for you" and "following" when taps on it the feed posts can be seen while appbar is also pinned!so can you explain it or help me plz? thankyoufor reading text!

[НекЕттАЗимов]

bro what add-on adds dotted lines to the left of the code when a line is selected

[vijayganganapalli]

How can you add drawer to leading button, explain please

[Rohit_Paul_]

Hey, quick question can you give me a code or something regarding the leading onpressed() on the silverapppbar, i want to add side bar whenever when i click it, but it doesnt work and in Scannfold, drawer: SideBar(); function i am not able to change the icon of it! Can you explain or guide

[mohsanikram]

Great.
I'm facing an issue with your example.
I'm adding Tabs and Tabbarview. In one tab I have a Listview and 2nd tab is empty.
Surprisingly when i scroll listview in first tab then SilverAppBar is not animating. And when i moved empty 2nd tab screen then SilverAppBar working fine.
Here is my code. Can you please tell me how can I animate the SilverAppBar with the lists in Tabbarview.
Looking forward for your response.
Thanks

class HomePage extends StatefulWidget {
@override
State<StatefulWidget> createState() => HomePageState();
}

class HomePageState extends State<HomePage> with {
late TabController tabController;

@override
void initState() {
super.initState();
tabController = TabController(length: 2, vsync: this);
}

@override
Widget build(BuildContext context) {
Color tabColor =
TextStyle tabStyle = TextStyle(color: tabColor);
return SafeArea(
child: Scaffold(
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
title: Text("AppBar"),
floating: true,
primary: true,
pinned: false,
),
SliverFillRemaining(
child: Scaffold(
appBar: TabBar(
controller: tabController,
tabs: <Widget>[
Tab(
child: Text(
'Tab1',
style: tabStyle,
),
),
Tab(
child: Text(
'Tab2',
style: tabStyle,
),
),
],
),
body: TabBarView(
controller: tabController,
children: <Widget>[
Scaffold(
body: Container(
child: ListView.builder(
// primary: false, // Disable primary scroll context
// controller: scrollController1,
itemCount: 100,
itemBuilder: (context, index) {
return Text("Item $index");
})),
),
Scaffold(
body: Text('Tab Two'),
),
],
),
),
),
],
),
),
);
}
}

[oswaldoolea]

cool as always: short, to the point, slow paced...

[AMANKUMAR-kmck]

How can i display some other contents in app bar when it is collapsed / shrink, and when i expand it should vanish ? If anyone know, plz. help

[pacuitnico]

is it possible to add navigation inside the SlivertoBoxAdapter?

[antiuniverse]

Hey i have how do reference line arrow which wideget belongs to which