abuanwar072 / flutter-responsive-admin-panel-or-dashboard Goto Github PK
View Code? Open in Web Editor NEWResponsive Admin Panel or Dashboard using Flutter
Home Page: https://youtu.be/_uOgXpEHNbc
License: MIT License
Responsive Admin Panel or Dashboard using Flutter
Home Page: https://youtu.be/_uOgXpEHNbc
License: MIT License
Is there any tree view widget demo? thanks
how can we use the side nav to navigate between pages
In Live preview there is a loading screen, i liked that design, but i haven't seen that in code of this repo.
Did author made that or it's some preinstalled custom page on hosting server.
Please, support null safety. Thanks
How can I implement this to change the widgets on the screen, when clicking on the menus of the side_menu the intention is not to reload the page but to go removing and putting components while you look at the options, I don't know if I explain myself.
environment:
sdk: ">=2.12.0 <3.0.0"
Describe the bug
The bug occurs when trying to change the body widget or even when trying to navigate to a new screen.
It happens that when changing the Dashboard body widget for another body widget, for example Transactions, the site breaks and does not render correctly the Sidebar and Header area.
Here is a short video example of the problem:
To Reproduce
Steps to reproduce the behavior:
Code of MainScreen
class MainScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
key: context.read<MenuController>().scaffoldKey,
drawer: SideMenu(),
body: SafeArea(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (Responsive.isDesktop(context))
Expanded(
child: SideMenu(),
),
Expanded(
flex: 5,
child: StreamBuilder<Widget>(
stream: outGetWidget,
builder: (context, w) {
if(w.connectionState == ConnectionState.waiting || w.data == null) return const Center(child: CircularProgressIndicator(),);
return w.data!;
},
),
),
],
),
),
);
}
}
All other codes are original for the scripts, the bug is only i change the widget of body.
I tested several alternatives to try to fix this problem, but nothing went right.
How do I navigate multiple screens responsively?
Apparently it's only usable for a single screen.
Video for show the bug
https://youtu.be/y9DCPI628dc
this woudl mean a lot
Thanks for sharing the code.
May I know the license of the code?
Appreciate if you could add a LICENSE file to the repo.
Hi!, I'm newer of flutter, I clone the whole project and can not find the code of drawer item click.
I want some working code to learn how drawer item click, can any body help me ?
that would be very help for me! THANKS!!!
I downloaded the zip and ran the project
It was good but then I added something in pubspec.yaml and then this error popup.
======== Exception caught by rendering library =====================================================
The following assertion was thrown during performLayout():
Assertion failed: file:///H:/src/flutter/flutter/packages/flutter/lib/src/rendering/box.dart:2001:12
hasSize
"RenderBox was not laid out: RenderPointerListener#724c3 relayoutBoundary=up13 NEEDS-PAINT"
======== Exception caught by rendering library =====================================================
The following assertion was thrown during performLayout():
Assertion failed: file:///H:/src/flutter/flutter/packages/flutter/lib/src/rendering/box.dart:2001:12
hasSize
"RenderBox was not laid out: RenderSemanticsGestureHandler#c7b97 relayoutBoundary=up12 NEEDS-PAINT"
It's not loading. Tried on desktop and mobile too.
flutter run -d chrome
══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
The following assertion was thrown during performLayout():
RenderFlex children have non-zero flex but incoming height constraints are unbounded.
When a column is in a parent that does not provide a finite height constraint, for example if it is
in a vertical scrollable, it will try to shrink-wrap its children along the vertical axis. Setting a
flex on a child (e.g. using Expanded) indicates that the child is to expand to fill the remaining
space in the vertical direction.
These two directives are mutually exclusive. If a parent is to shrink-wrap its child, the child
cannot simultaneously expand to fit its parent.
Consider setting mainAxisSize to MainAxisSize.min and using FlexFit.loose fits for the flexible
children (using Flexible rather than Expanded). This will allow the flexible children to size
themselves to less than the infinite remaining space they would otherwise be forced to take, and
then will cause the RenderFlex to shrink-wrap the children rather than expanding to fit the maximum
constraints provided by the parent.
If this message did not help you determine the problem, consider using debugDumpRenderTree():
https://flutter.dev/debugging/#rendering-layer
http://api.flutter.dev/flutter/rendering/debugDumpRenderTree.html
The affected RenderFlex is:
RenderFlex#815cd relayoutBoundary=up33 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE(creator: Column ←
RepaintBoundary ← CustomPaint-[GlobalKey#62255] ← MouseRegion ← Listener ← _GestureSemantics ← RawGestureDetector ←
RepaintBoundary ← NotificationListener ← NotificationListener ←
_MaterialScrollbar ← Scrollbar ← ⋯, parentData: (can use size), constraints: BoxConstraints(w=582.3, 0.0<=h<=Infinity),
size: MISSING, direction: vertical, mainAxisAlignment: start, mainAxisSize: min, crossAxisAlignment: center,
verticalDirection: down)
The creator information is set to:
Column ← RepaintBoundary ← CustomPaint-[GlobalKey#62255] ← MouseRegion ← Listener ←
_GestureSemantics ← RawGestureDetector ← RepaintBoundary ←
NotificationListener ← NotificationListener ←
_MaterialScrollbar ← Scrollbar ← ⋯
The nearest ancestor providing an unbounded width constraint is: _RenderSingleChildViewport#7008e relayoutBoundary=up16
NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE:
needs compositing
creator: _SingleChildViewport ← IgnorePointer-[GlobalKey#9d247] ← Semantics ← Listener ←
_GestureSemantics ← RawGestureDetector-[LabeledGlobalKey#9c75f] ←
Listener ← _ScrollableScope ← _ScrollSemantics-[GlobalKey#975b4] ←
NotificationListener ← RepaintBoundary ← CustomPaint-[GlobalKey#81613]
← ⋯
parentData: (can use size)
constraints: BoxConstraints(w=908.0, 0.0<=h<=953.0)
size: MISSING
offset: Offset(0.0, -0.0)
I do not understand what is the use of MenuController and controlMenu() method.
could you please guide?
thanks
Hi,
What is estimated time it should take to integrate Admin panel into a new app project?
Eg. like 1 to two days: 8 to 12hrs?
Thankyou, looks cool.
this is my code....how to match it with latest version that is just release??
<title>4E Admin Panel</title> <script type="module"> // Import the functions you need from the SDKs you need import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.6/firebase-app.js"; import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.6.6/firebase-analytics.js"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
//removed for privacy
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
Describe the bug
raise this exception
creator: Align ← ListTileTheme ← DrawerController-[LabeledGlobalKey<DrawerControllerState>#a3ff9] ← MediaQuery ← LayoutId-[<_ScaffoldSlot.drawer>] ← CustomMultiChildLayout ← AnimatedBuilder ← DefaultTextStyle ← AnimatedDefaultTextStyle ← _InkFeatures-[GlobalKey#9cb2d ink renderer] ← NotificationListener<LayoutChangedNotification> ← PhysicalModel ← ⋯
parentData: offset=Offset(0.0, 0.0); id=_ScaffoldSlot.drawer
constraints: MISSING
size: MISSING
alignment: AlignmentDirectional.centerStart
textDirection: ltr
widthFactor: expand
heightFactor: expand
Describe the bug
MenuController Build Errors
One example
The name 'MenuController' is defined in the libraries 'package:admin/controllers/MenuController.dart' and 'package:flutter/src/material/menu_anchor.dart (via package:flutter/material.dart)'.
Try using 'as prefix' for one of the import directives, or hiding the name from all but one of the imports.
See screenshot of other errors.
To Reproduce
Launching lib\main.dart on Chrome in debug mode...
lib/main.dart:28:34: Error: 'MenuController' is imported from both 'package:admin/controllers/MenuController.dart' and
'package:flutter/src/material/menu_anchor.dart'.
create: (context) => MenuController(),
^^^^^^^^^^^^^^
lib/screens/main/main_screen.dart:12:43: Error: The getter 'scaffoldKey' isn't defined for the class 'MenuController'.
- 'MenuController' is from 'package:flutter/src/material/menu_anchor.dart'
('../flutter/packages/flutter/lib/src/material/menu_anchor.dart').
Try correcting the name to the name of an existing getter, or defining a getter or field named 'scaffoldKey'.
key: context.read<MenuController>().scaffoldKey,
^^^^^^^^^^^
lib/screens/dashboard/components/header.dart:3:1: Error: 'MenuController' is imported from both
'package:admin/controllers/MenuController.dart' and 'package:flutter/src/material/menu_anchor.dart'.
import 'package:flutter/material.dart';
^^^^^^^^^^^^^^
Expected behavior
Clean Build/Run
Screenshots
Desktop (please complete the following information):
Additional context
I believe I didn't have this issue with a prior version of Flutter. I am new to this so I am not entirely sure, but I think its flutter 3.7 that is causing this?
Can't run for desktop window
Hello.
Is it possible to update to the last realease data_table_2 2.3.3 ?
I tried to add it but it have some issues and can't know where to solve :/ .
Thank you.
regards.
The compiled Windows version runs programs that use more than 20% of the CPU resources on Windows 10 systems。
I am having the following error message when I try to use Chrome web browser.
ChromeProxyService: Failed to evaluate expression 'ServicesBinding': InternalError: Expression evaluation in async frames is not supported. No frame with index 14..
ChromeProxyService: Failed to evaluate expression 'ui.PlatformDispatcher.instance': InternalError: Expression evaluation in async frames is not supported. No frame with index 14..
ChromeProxyService: Failed to evaluate expression 'message': InternalError: Expression evaluation in async frames is not supported. No frame with index 14..
I think it has to do with the "completer.complete(reply);" code in the "bining.dart" file.
ENV: Macbook Pro 16 , Chrome 90
Live Preview Blank Page.
Describe the bug
A clear and concise description of what the bug is.
=> Screen abnormality when text is enlarged by clicking the text enlargement button in the browser.
This symptom only appears when running locally but it's ok on a demo site(https://abuanwar072.github.io/Flutter-Responsive-Admin-Panel-or-Dashboard/#/).
How do I make it work like the demo site even when running locally? Is it a build option issue?
To Reproduce
Steps to reproduce the behavior:
Expected behavior
How do I make it work like the demo site even when running locally? Is it a build option issue?
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Additional context
Add any other context about the problem here.
How can ı add named route to pages(for example instagram website has side menu too but when you go to messages url goes to instagram.com/direct/messages
ı want to do it like that in my project. I looked around internet but couldn't find it. )
Everything is awesome here,
but we need Admin login screen, no logic is required, just awesome UI,
any quick suggestions for login screen code in the comments section is appreciated (please try to add a screenshot if you could)
Could you please provide the farmr.net configuration so we can host farmr local without cloud?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.