Only expand as much as needed to reveal the back layer

[heath3n]

Currently the back layer expands fully; it should only expand as much as needed to fully show its contents.

[WieFel]

This is implemented by the property stickyFrontLayer which defaults to false. You can set it to true and it will adapt to the back layer's height.

BackdropScaffold(
    appBar: BackdropAppBar(
        title: Text("Backdrop Example"),
        actions: <Widget>[
        BackdropToggleButton(
            icon: AnimatedIcons.list_view,
        )
        ],
    ),
    backLayer: Container(
        height: 200.0,
        child: Center(child: Text("Back Layer")),
    ),
    frontLayer: Center(
        child: Text("Front Layer"),
    ),
    stickyFrontLayer: true,
)

[daadu]

@heath3n This only works if the height of the back layer widget is bounded. If you are using ListView or something similar set shrinkWrap to true

[PembaTamang]

@daadu using a ListView and shrinkWrap did not work for me. What else can I do?

[daadu]

@PembaTamang Please provide us with minimum code that can reproduce the issue. We will look into it.

[amanv8060]

class BackLayer extends StatefulWidget {
  @override
  _BackLayerState createState() => _BackLayerState();
}

class _BackLayerState extends State<BackLayer> {
  @override
  Widget build(BuildContext context) {
    return  ListView(
        shrinkWrap: true,
        children:  <Widget>[
ListTile(title:Text("hey")),
ListTile(title:Text("hey")),
ListTile(title:Text("hey")),
ListTile(title:Text("hey")),
         
        ],
 
    );
  }
}

use this as Your Backlayer
and dont give header height

[WieFel]

I could not reproduce the problem. For me it works fine using your BackLayer and stickyFrontLayer: true.
Maybe take a look at

backdrop/lib/navigation.dart

Lines 72 to 87 in b547c82

	return ListView.separated(
	shrinkWrap: true,
	itemCount: items.length,
	itemBuilder: (context, position) => InkWell(
	child: items[position],
	onTap: () {
	// fling backdrop
	Backdrop.of(context).fling();
	// call onTap function and pass new selected index
	onTap?.call(position);
	},
	),
	separatorBuilder:
	separatorBuilder ?? (builder, position) => separator ?? Container(),
	);

which implements basically the same thing.

Which flutter channel are you using and do you use the newest version of it?

[daadu]

@amanv8060 Just to confirm, did you set stickyFrontLayer to true for BackdropScaffold?

[amanv8060]

@amanv8060 Just to confirm, did you set stickyFrontLayer to true for BackdropScaffold?

this was causing issue . Close this , if the issue author has no problem

[Ravimgr]

i want to show some part of the backlayer while opening frontlayer is this possible?