Comments (9)
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,
)
from backdrop.
@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
from backdrop.
@daadu using a ListView and shrinkWrap did not work for me. What else can I do?
from backdrop.
@PembaTamang Please provide us with minimum code that can reproduce the issue. We will look into it.
from backdrop.
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
from backdrop.
I could not reproduce the problem. For me it works fine using your BackLayer and stickyFrontLayer: true
.
Maybe take a look at
Lines 72 to 87 in b547c82
Which flutter channel are you using and do you use the newest version of it?
from backdrop.
@amanv8060 Just to confirm, did you set stickyFrontLayer
to true
for BackdropScaffold
?
from backdrop.
@amanv8060 Just to confirm, did you set
stickyFrontLayer
totrue
forBackdropScaffold
?
this was causing issue . Close this , if the issue author has no problem
from backdrop.
i want to show some part of the backlayer while opening frontlayer is this possible?
from backdrop.
Related Issues (20)
- Merge example and demo project HOT 5
- Abstract out "backdrop core" from `BackdropScaffold`
- Add a shadow to the front layer
- Custom shape on the front layer HOT 7
- How to show back layer without scrim on front? HOT 5
- Slivers AppBar HOT 7
- cannot paste if backdrop is revealed HOT 6
- I can't get edge swipe to go back to work with BackdropScaffold. Any helpful tips? HOT 1
- flutter beta: SchedulerBinding is now null-safe HOT 2
- BoxShadow on front layer HOT 3
- Backdrop is not compiling after upgrading to Flutter 3.10 HOT 2
- En Flutter 3.10 no compila Por 2 Lineas en el Widget AppBar (brightness y textTheme), las cuales estan en desuso pero el compilador las toma en cuenta, eliminando esas 2 lines el paquete funciona perfectamente HOT 3
- Variable to know if back layer is expanded or collapsed HOT 1
- Manually opening Backdrop HOT 9
- Pressing Back button cause visible frontLayer HOT 10
- Reveal backlayer with natural gestures HOT 1
- Make a parameter out of front layer elevation HOT 6
- BackdropScaffold usage gif example needs an update! HOT 1
- Avoid SubHeader spawn on top of Front Layer HOT 2
- Use AppBar.SystemOverlayStyle instead of AppBar.Brightness HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from backdrop.