759 questions
-2
votes
1
answer
84
views
When the drawer is attached a specific <div>, the open animation slides in the background instead of the drawer itself
We are using the MUI Drawer component. When the drawer is attached to a specific <div> using the Modal tag, the background page (not the drawer) slides into position instead of the drawer. The ...
- 13
1
vote
2
answers
96
views
my flutter drawer overflow when i open and close it
I get this error when I open and close my Flutter drawer.
error:
Another exception was thrown: A RenderFlex overflowed by 128 pixels on the right.
Another exception was thrown: Leading widget consumes ...
- 21
0
votes
0
answers
129
views
Unable to click InAppWebview after opening Flutter drawer
I'm using Flutter InAppWebview as the basis for a hybrid Flutter app. The webview serves the complete application, and the Flutter application receives notifications and uses the Appbar actions and ...
- 1
0
votes
1
answer
58
views
REACT NATIVE DRAWER; The action 'NAVIGATE' with payload {"name":"Home"} was not handled by any navigator. Do you have a route named 'Home'?
I am fairy new to react native. I am using react-navigation/native": "^7.0.15" and react-navigation/drawer": "^7.1.2" to navigate from one screen on a drawer to another ...
2
votes
1
answer
78
views
Flutter custom menu integration
I tried to implement the menu drawer on the main screen to avoid redundancy, it works on the sample screens, however, if the widget structures becomes a little bit complex, the icon button menu cannot ...
2
votes
0
answers
167
views
Cannot Focus Input Field When NextUI Drawer Sidebar is Open
I have a React application where I'm using the @nextui-org/react library to implement a sidebar using the Drawer component. Within my main content area, I have an input field. The issue is that when ...
3
votes
0
answers
92
views
TypeScript Error: "Return type of exported function has or is using name 'LoaderSlotProps' from external module" in Vuetify Drawer Component
I’m encountering the following TypeScript error in my Vue 3 + Vuetify project:
Return type of exported function has or is using name 'LoaderSlotProps' from external module "node_modules/vuetify/...
0
votes
0
answers
64
views
How to exit app when back button is pressed and drawer is opened?
The goal is to ensure that when the drawer is open and on pressing the back button should exit the app instead of closing the drawer. However, the issue is that the BackHandler is triggering even when ...
1
vote
1
answer
43
views
ng drawerservice component called twice
ViewPurchaseOrder(item: any): void {
this.drawerService.create({
nzTitle: 'View Purchase Order',
nzMaskClosable: true,
nzWrapClassName: "full-drawer noSidebar",
...
- 1,695
0
votes
1
answer
142
views
Create a dynamic react component using portal and promise
Call a modal or drawer from anywhere in my react app using simple a function.
I have made this work by using the root.render, but the problem with root.render they cannot found any of my previous ...
- 1
0
votes
1
answer
41
views
flutter drawer logo white underline
drawer: Drawer(
backgroundColor: Colors.grey[900],
child: Column(
children: [
DrawerHeader(
decoration: BoxDecoration(
color: Colors....
0
votes
1
answer
694
views
Creating DaisyUI drawer relative to a container div
I have a simple app whose body is 500px wide and centered.
I am trying to use daisyUI drawer so that the drawer enters the screen just at the right of the body.
However, the drawer opens from the far ...
- 689
0
votes
2
answers
308
views
Flutter: KeepAlive Incorrect use of ParentDataWidget
Try to keep drawer alive (do not rebuild when open/close drawer):
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp(...
- 5,808
1
vote
2
answers
76
views
flutter: how to prevent Scaffold drawer from being rebuilt?
flutter: how to prevent Scaffold drawer from being rebuilt?
Scaffold(
drawer: Drawer(child.MyWidget),
body: ...
);
Everytime the drawer is closed and opened, the widget tree inside the drawer ...
- 5,808
0
votes
1
answer
2k
views
Shadecdn/ui Drawer component inside div
To have the drawer open only within a specific div in my chat application built with Shadecdn/ui, how can I achieve this? I want the drawer to open within a specific div, meaning I want it to open ...
- 67
0
votes
1
answer
1k
views
Shadcn Drawer component with Inputs on mobile, keyboard hides inputs or shows a blank space hiding them
I have some forms in Drawer component from Shadcn, traying to type on the Inputs shows the keyboard and two strange thins can happen, the Inputs get hidden behind the keyboard or a blank spase appears ...
- 11
0
votes
0
answers
30
views
Drawer component can't close or open if a redux status is passed through the component props, but works directly if called in handler funtion
I was trying to control a Material-UI drawer by using RTK status, this is my component:
export default function NavToolbar(props) {
const dispatch = useDispatch();
const nodeDrawerOpened = ...
- 31
0
votes
1
answer
141
views
I am trying to open a drawer on the press of an icon, inside of a sticky header I have created in a flutter app
So I created a sticky header that goes from page to page and I really like the design.
I am trying to make the hamburger icon on the left open a drawer. Below is my class widget. I have tried:
...
- 41
2
votes
1
answer
80
views
RenderPointerListener object was given an infinite size during layout
I'm trying to use drawer with the body as ListView but when I try to click the drawer icon it gives my that error so I considered that there is a problem with the drawer hight so i wraped the drawer ...
-1
votes
1
answer
89
views
Repeat my NavigationBar widget across all pages
I'd like to repeat the navigation bar across all pages, and the bottomnavigationbar works like a charm, but when I change pages using the drawer, the bottom navigationbar disappears. Followed this ...
0
votes
0
answers
43
views
In react-native project Importing drawer cause an error
I am a beginner react-native developer and still learning things from different sources, currently I started creating small project where I decided to use drawer navigation. I followed the source and ...
1
vote
0
answers
164
views
Problem with navigate to page with flutter_zoom_drawer
I use flutter_zoom_drawer from pub dev, and everything is fine. But when I try to change the page from the menu, and try the next time I have troubles because the menu doesn't open.
Code of drawer:
...
- 17
0
votes
0
answers
194
views
How to resolve horizontal drag conflicts between Drawer and bottom view in flutter
In Flutter, the width of the area where the Drawer is dragged horizontally can be set by setting the DrawerEdgeDragWidth; But when a horizontal drag operation is set in my main view, there will be a ...
2
votes
1
answer
61
views
Flutter drawer and button Navigation problem
I am using indexedStack to show my pages and they both have a drawer. Everything is ok till now but when I open the drawer in the pages, it doesn't cover the page vertically and I will attach the ...
- 31
-1
votes
1
answer
172
views
slide form behind windows in wpf
Port this to WPF
Slide form base Windos Forms
I'm trying to port this to WPF, do you consider that this is possible to make in WPF?
Slide form base
I´m test this:
wpf-animation-how-do-i-make-it-slide-...
- 11
0
votes
3
answers
348
views
Possible to have 2 end drawer in a single page?
I added a button in the AppBar by triggering the enddrawer which works exactly what I wanted. However, I wanted to add another button in the body to trigger another Drawer which also slides out from ...
- 348
0
votes
2
answers
515
views
Error: [Reanimated] `valueUnpacker` is not a worklet, js engine: hermes and Invariant Vilation
When I try to use the NavigationContainer I get the Reanimated valueUnpacker error, I try with different versions of Drawer and Navigation and I get the same error
// In App.js in a new project
...
- 1
1
vote
0
answers
455
views
Mui Drawer transition
I'm working on implementing a Material-UI (MUI) Drawer component with custom transition behavior based on different states.
I'm using the transitionDuration prop to control the duration of the drawer'...
- 1,379
1
vote
0
answers
255
views
Material-UI adjust the starting point of the Drawer slide-in animation with offset
I have a drawer component using MUI V5 Drawer component. I did some customization in the createTheme as follow so the left side of the drawer when it is open starts after the side nav. My issue is ...
- 181
-2
votes
1
answer
396
views
Creating a Flutter Drawer with Full Screen Background Color like ChatGPT Android App
I'm attempting to implement a Flutter drawer similar to the ChatGPT Android App, aiming for a fullscreen background color that covers both the top status bar and bottom taskbar. However, I'm ...
0
votes
2
answers
222
views
Force widget rebuild from drawer in Flutter
I have a flutter app with drawer navigation. When open, the drawer is overlapping a widget (let's call it Screen_1).
I would like to force the Screen_1 rebuild when the user dismisses the drawer. What ...
- 329
5
votes
1
answer
6k
views
How to make custom drawer with new react native expo-router drawer?
I am using Drawer from expo-router. I want the drawer contains user profile picture and name with navigation drawer items but it shows error: couldn't find parent navigation with route 'screen1'.
How ...
- 51
0
votes
1
answer
263
views
How to close keyboard when user opens the drawer in flutter
I am using flutter_zoom_drawer, i want when user opens the drawer on slide, not clicking on drawer icon, i want to dismiss the keyboard. my drawer code is on another screen and texfield is on another ...
- 101
1
vote
1
answer
123
views
Flutter: Issue with drawer UI
I am trying to create a left menu UI like below screenshot and I used drawer for this.
My Code:
@override
Widget build(BuildContext context) {
return WillPopScope(
child: Scaffold(
...
- 3,925
0
votes
1
answer
61
views
Create this layout in Flutter
layout
I am trying to get this layout. The orange and red are fixed areas. White can be or a listview or a SingleChildScrollView.
This is the Drawer...
So the height of white region is flexible. ...
- 29
0
votes
2
answers
646
views
Disable auto focus in drawer of Ng Zorro & Angular
I would like to disable auto focus first input in Ng Zorro drawer. I know that Ng Zorro modal has a property for disabling the auto focus. But Drawer does not.
I have a very bad solution: I have put a ...
0
votes
1
answer
140
views
Flutter Network image are( null , argument type String?, const) Error
Please help i dont know what i did wrong.
I did declare Final userr .
final userr = FirebaseAuth.instance.currentUser!;
then
accountEmail: Text(userr.displayName),
backgroundImage: NetworkImage(...
0
votes
1
answer
51
views
how to eliminate the white space between DrawerHeader and ListTile
how to remove the white space between DrawerHeader and ListTile
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
class NavDrawer extends StatelessWidget {
...
- 228
1
vote
3
answers
914
views
MUI hideBackDrop={true} doesnt allow me to click outside of Drawer component to close it
I have a Drawer component that opens when I click an icon on the Map. Then the drawer menu opens and the backshadow drops on the map. When i click on the map with backshadow the drawer simply closes ...
- 21
0
votes
1
answer
2k
views
open the drawer when I click on icon in custom header React Navigation 6.x
I'm trying to create a menu button in the header area. However, I don't know how to get the onPress navigation to work.
I added a drawer navigator using React Navigation 6.x.
I want to show drawer ...
0
votes
2
answers
3k
views
I want to change position of close button in drawer of ant design. By default it is left but i want to change it to right
So, I am using ant design drawer and the close button in drawer is on left side by default. I want it on right side.
`.ant-drawer-close {
right: 0 !important;
left: unset !important;
}`
`
I tried ...
0
votes
1
answer
145
views
Fragment lifecycle in navigation drawer
what happens to the fragments in navigation drawer?
when you switch between them from the navigation drawer menu are they destroyed? or do they pause?
I need to understand exactly the lifecycle of a ...
- 11
0
votes
1
answer
201
views
How do I insert an element into the header of an antdv a-drawer
How to put an element inside the header of antdv a-drawer. Vue 2.7 Composition API
<a-drawer
title="TRANSCRIPT DRAWER"
placement="bottom"
:closable="...
0
votes
1
answer
2k
views
I don't know how to use the material ui swipeable drawer
I use material ui swipeable drawer that, when it is receiving data from the server, it displays something like loading.
After the data is received, the drawer should be opened to the middle of the ...
- 510
0
votes
1
answer
55
views
Problem with adding line in drawer on the bottom
I've tried to add one of the lines at the bottom of my drawer but it doesn't work. Here's my drawer code:
drawer: Drawer(
child: ListView(
padding: EdgeInsets.zero,
...
0
votes
4
answers
1k
views
Flutter - How to change the size and alignment of the drawer header image?
I am trying to create a Drawer and the heading is the logo.
How to change the size and alignment of the drawer header image?
I want the image to be smaller and left-aligned.
I tried but could not ...
- 95
1
vote
1
answer
83
views
Drawer Widget In Flutter
enter image description here
enter image description here
enter image description here
When i am trying to use drawer without app bar i am taking this error.
error: The method 'openDrawer' can't be ...
0
votes
1
answer
349
views
Adding text to Toggle Menu of a Persistent Drawer in Material UI
I would like to add some text in the area (which I've circled) that has the toggle button for persistent drawers. Is this possible? If so, how would I implement this?
I looked through Stack Overflow ...
- 15
0
votes
1
answer
36
views
NavBar and Drawer Flutter
I want the navbar inner container to take 80% of screen width... is that possible with the AppBar Widget?
This means that i want the hamburger icon on the right (generated by endDrawer) to move 10% to ...
- 139
0
votes
1
answer
410
views
Move endDrawer above bottomNavigationBar in Flutter
We have a endDrawer that is displaying behind the bottomNavigationBar. We want it to display over the navigation bar.
We may need a refactor but for now, we have a main Scaffold like so:
return ...
