Styjun

Is a manifold-with-boundary with given interior and non-empty boundary essentially unique?

How to deal with a team lead who never gives me credit?

Did Xerox really develop the first LAN?

Examples of mediopassive verb constructions

What's the purpose of writing one's academic bio in 3rd person?

What happens to sewage if there is no river near by?

G-Code for resetting to 100% speed

Is high blood pressure ever a symptom attributable solely to dehydration?

Can a non-EU citizen traveling with me come with me through the EU passport line?

How to motivate offshore teams and trust them to deliver?

What are 'alternative tunings' of a guitar and why would you use them? Doesn't it make it more difficult to play?

Antler Helmet: Can it work?

Why was the term "discrete" used in discrete logarithm?

How do I keep my slimes from escaping their pens?

I am not a queen, who am I?

How does cp -a work

When is phishing education going too far?

Why is "Captain Marvel" translated as male in Portugal?

How much radiation do nuclear physics experiments expose researchers to nowadays?

How do I determine if the rules for a long jump or high jump are applicable for Monks?

What are the motives behind Cersei's orders given to Bronn?

How can I fade player when goes inside or outside of the area?

Right-skewed distribution with mean equals to mode?

How to find all the available tools in macOS terminal?

Flutter - Make a slide pannel looking like a Drawer

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

1

I want to make a little panel sliding from the right onPress to display some information. I already have a Drawer in my Scaffold to display a menu.

I am looking for something like this :

I haven't found anything yet except for Drawer

flutter slider

share|improve this question

edited Mar 22 at 9:03

cipli onat

519311

asked Mar 22 at 8:22

Thomas NicoleThomas Nicole

559

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I dont really get what you want to do . You have Drawer and you need to another one for displaying something else ? Would you explain it briefly please ?
  
  – cipli onat
  Mar 22 at 8:35
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Exactly. I already have a drawer for my navigation (sliding from left). In some pages, I wan't to display another drawer (or something like this) coming from right when I press on a button for example
  
  – Thomas Nicole
  Mar 22 at 8:38
  

  
  
  
  

add a comment | 

1

I want to make a little panel sliding from the right onPress to display some information. I already have a Drawer in my Scaffold to display a menu.

I am looking for something like this :

I haven't found anything yet except for Drawer

flutter slider

share|improve this question

edited Mar 22 at 9:03

cipli onat

519311

asked Mar 22 at 8:22

Thomas NicoleThomas Nicole

559

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I dont really get what you want to do . You have Drawer and you need to another one for displaying something else ? Would you explain it briefly please ?
  
  – cipli onat
  Mar 22 at 8:35
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Exactly. I already have a drawer for my navigation (sliding from left). In some pages, I wan't to display another drawer (or something like this) coming from right when I press on a button for example
  
  – Thomas Nicole
  Mar 22 at 8:38
  

  
  
  
  

add a comment | 

I want to make a little panel sliding from the right onPress to display some information. I already have a Drawer in my Scaffold to display a menu.

I am looking for something like this :

I haven't found anything yet except for Drawer

flutter slider

share|improve this question

edited Mar 22 at 9:03

cipli onat

519311

asked Mar 22 at 8:22

Thomas NicoleThomas Nicole

559

flutter slider

flutter slider

share|improve this question

edited Mar 22 at 9:03

cipli onat

519311

asked Mar 22 at 8:22

Thomas NicoleThomas Nicole

559

share|improve this question

edited Mar 22 at 9:03

cipli onat

519311

asked Mar 22 at 8:22

Thomas NicoleThomas Nicole

559

edited Mar 22 at 9:03

cipli onat

519311

edited Mar 22 at 9:03

cipli onat

519311

asked Mar 22 at 8:22

Thomas NicoleThomas Nicole

559

asked Mar 22 at 8:22

Thomas NicoleThomas Nicole

559

1 Answer
1

active

oldest

votes

3

You can use the drawer and endDrawer property of the Scaffold widget. The drawer slides in from the start (left) and the endDrawer slides in from the end (right). This way you can have two different drawers, one on the left side, one on the right side.

Here a quick minimal example:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget 
 @override
 Widget build(BuildContext context) 
 return MaterialApp(
 home: Scaffold(
 appBar: AppBar(),
 drawer: Drawer(
 child: Center(child: Text('Left!')),
 ),
 endDrawer: Drawer(
 child: Center(child: Text('Right!')),
 ),
 ),);
 

share|improve this answer

edited Mar 22 at 8:48

answered Mar 22 at 8:38

NiklasNiklas

1,192413

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You're very responsive, Niklas ! :D But I'm sorry, I'm not explaining myself well. I already have a drawer, but I want another one (or something like a drawer) in the same page. If I already have one, is it possible to make a second one in the same screen ?
  
  – Thomas Nicole
  Mar 22 at 8:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This answer shows an example with two different drawers :D Do you want to use three or more?
  
  – Niklas
  Mar 22 at 8:44
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Oooooooh oooooook nice it is exactly what I am looking for ! :O Sorry. It's morning, I'm tired. Thank you Niklas, I won't forget to upvote for your answer when I have 15 points.
  
  – Thomas Nicole
  Mar 22 at 8:48
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  No problem! :) Thanks! :D
  
  – Niklas
  Mar 22 at 8:50
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55295510%2fflutter-make-a-slide-pannel-looking-like-a-drawer%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

3

You can use the drawer and endDrawer property of the Scaffold widget. The drawer slides in from the start (left) and the endDrawer slides in from the end (right). This way you can have two different drawers, one on the left side, one on the right side.

Here a quick minimal example:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget 
 @override
 Widget build(BuildContext context) 
 return MaterialApp(
 home: Scaffold(
 appBar: AppBar(),
 drawer: Drawer(
 child: Center(child: Text('Left!')),
 ),
 endDrawer: Drawer(
 child: Center(child: Text('Right!')),
 ),
 ),);
 

share|improve this answer

edited Mar 22 at 8:48

answered Mar 22 at 8:38

NiklasNiklas

1,192413

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You're very responsive, Niklas ! :D But I'm sorry, I'm not explaining myself well. I already have a drawer, but I want another one (or something like a drawer) in the same page. If I already have one, is it possible to make a second one in the same screen ?
  
  – Thomas Nicole
  Mar 22 at 8:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This answer shows an example with two different drawers :D Do you want to use three or more?
  
  – Niklas
  Mar 22 at 8:44
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Oooooooh oooooook nice it is exactly what I am looking for ! :O Sorry. It's morning, I'm tired. Thank you Niklas, I won't forget to upvote for your answer when I have 15 points.
  
  – Thomas Nicole
  Mar 22 at 8:48
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  No problem! :) Thanks! :D
  
  – Niklas
  Mar 22 at 8:50
  

  
  
  
  

add a comment | 

3

You can use the drawer and endDrawer property of the Scaffold widget. The drawer slides in from the start (left) and the endDrawer slides in from the end (right). This way you can have two different drawers, one on the left side, one on the right side.

Here a quick minimal example:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget 
 @override
 Widget build(BuildContext context) 
 return MaterialApp(
 home: Scaffold(
 appBar: AppBar(),
 drawer: Drawer(
 child: Center(child: Text('Left!')),
 ),
 endDrawer: Drawer(
 child: Center(child: Text('Right!')),
 ),
 ),);
 

share|improve this answer

edited Mar 22 at 8:48

answered Mar 22 at 8:38

NiklasNiklas

1,192413

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You're very responsive, Niklas ! :D But I'm sorry, I'm not explaining myself well. I already have a drawer, but I want another one (or something like a drawer) in the same page. If I already have one, is it possible to make a second one in the same screen ?
  
  – Thomas Nicole
  Mar 22 at 8:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This answer shows an example with two different drawers :D Do you want to use three or more?
  
  – Niklas
  Mar 22 at 8:44
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Oooooooh oooooook nice it is exactly what I am looking for ! :O Sorry. It's morning, I'm tired. Thank you Niklas, I won't forget to upvote for your answer when I have 15 points.
  
  – Thomas Nicole
  Mar 22 at 8:48
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  No problem! :) Thanks! :D
  
  – Niklas
  Mar 22 at 8:50
  

  
  
  
  

add a comment | 

You can use the drawer and endDrawer property of the Scaffold widget. The drawer slides in from the start (left) and the endDrawer slides in from the end (right). This way you can have two different drawers, one on the left side, one on the right side.

Here a quick minimal example:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget 
 @override
 Widget build(BuildContext context) 
 return MaterialApp(
 home: Scaffold(
 appBar: AppBar(),
 drawer: Drawer(
 child: Center(child: Text('Left!')),
 ),
 endDrawer: Drawer(
 child: Center(child: Text('Right!')),
 ),
 ),);
 

share|improve this answer

edited Mar 22 at 8:48

answered Mar 22 at 8:38

NiklasNiklas

1,192413

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget 
 @override
 Widget build(BuildContext context) 
 return MaterialApp(
 home: Scaffold(
 appBar: AppBar(),
 drawer: Drawer(
 child: Center(child: Text('Left!')),
 ),
 endDrawer: Drawer(
 child: Center(child: Text('Right!')),
 ),
 ),);
 

share|improve this answer

edited Mar 22 at 8:48

answered Mar 22 at 8:38

NiklasNiklas

1,192413

answered Mar 22 at 8:38

NiklasNiklas

1,192413

answered Mar 22 at 8:38

NiklasNiklas

1,192413