How to create full screen dialog in flutter when I am using root names to Navigate?
This is the sample code using rootName but here I am not able to use MaterialPageRoute to get the fullScreenDialog property.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: '/',
routes: {
'/': (context) => MyHomePage(),
'/under-development': (context) => UnderDevelopment(),
'/profile1': (context) => Profile1()
},
title: appName,
debugShowCheckedModeBanner: false,
theme: ThemeData(
primaryColor: primaryColor,
accentColor: secondaryColor,
fontFamily: 'Poppins'),
);
}
}
Navigator
onTap: () {
Navigator.pushNamed(context, '/profile1');
},
android ios dart flutter cross-platform
add a comment |
This is the sample code using rootName but here I am not able to use MaterialPageRoute to get the fullScreenDialog property.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: '/',
routes: {
'/': (context) => MyHomePage(),
'/under-development': (context) => UnderDevelopment(),
'/profile1': (context) => Profile1()
},
title: appName,
debugShowCheckedModeBanner: false,
theme: ThemeData(
primaryColor: primaryColor,
accentColor: secondaryColor,
fontFamily: 'Poppins'),
);
}
}
Navigator
onTap: () {
Navigator.pushNamed(context, '/profile1');
},
android ios dart flutter cross-platform
add a comment |
This is the sample code using rootName but here I am not able to use MaterialPageRoute to get the fullScreenDialog property.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: '/',
routes: {
'/': (context) => MyHomePage(),
'/under-development': (context) => UnderDevelopment(),
'/profile1': (context) => Profile1()
},
title: appName,
debugShowCheckedModeBanner: false,
theme: ThemeData(
primaryColor: primaryColor,
accentColor: secondaryColor,
fontFamily: 'Poppins'),
);
}
}
Navigator
onTap: () {
Navigator.pushNamed(context, '/profile1');
},
android ios dart flutter cross-platform
This is the sample code using rootName but here I am not able to use MaterialPageRoute to get the fullScreenDialog property.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: '/',
routes: {
'/': (context) => MyHomePage(),
'/under-development': (context) => UnderDevelopment(),
'/profile1': (context) => Profile1()
},
title: appName,
debugShowCheckedModeBanner: false,
theme: ThemeData(
primaryColor: primaryColor,
accentColor: secondaryColor,
fontFamily: 'Poppins'),
);
}
}
Navigator
onTap: () {
Navigator.pushNamed(context, '/profile1');
},
android ios dart flutter cross-platform
android ios dart flutter cross-platform
edited Nov 6 '18 at 5:08
Smruti Ranjan Rana
asked Oct 22 '18 at 5:10
Smruti Ranjan RanaSmruti Ranjan Rana
14618
14618
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
You can use something like this inside Material App. I hope it helps.
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "home":
String userID = pathElements[2];
return MaterialPageRoute(
builder: (context) => ReportsPage(
userID: userID,
),fullscreenDialog: true);
}
},
add a comment |
new MaterialApp(
title: 'Named Routes Demo',
theme: ThemeData(
primarySwatch: Colors.green),
initialRoute: '/',
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "":
return MaterialPageRoute(
builder: (context) => FirstScreen());
case "second":
return MaterialPageRoute(
builder: (context) => SecondScreen(), fullscreenDialog: true);
case "third":
return MaterialPageRoute(
builder: (context) => ThirdScreen(), fullscreenDialog: true);
}
},
)
Navigator Button
onTap: () {
Navigator.pushNamed(context, '/second');
},
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
});
}
});
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
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52922743%2fhow-to-create-full-screen-dialog-in-flutter-when-i-am-using-root-names-to-naviga%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can use something like this inside Material App. I hope it helps.
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "home":
String userID = pathElements[2];
return MaterialPageRoute(
builder: (context) => ReportsPage(
userID: userID,
),fullscreenDialog: true);
}
},
add a comment |
You can use something like this inside Material App. I hope it helps.
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "home":
String userID = pathElements[2];
return MaterialPageRoute(
builder: (context) => ReportsPage(
userID: userID,
),fullscreenDialog: true);
}
},
add a comment |
You can use something like this inside Material App. I hope it helps.
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "home":
String userID = pathElements[2];
return MaterialPageRoute(
builder: (context) => ReportsPage(
userID: userID,
),fullscreenDialog: true);
}
},
You can use something like this inside Material App. I hope it helps.
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "home":
String userID = pathElements[2];
return MaterialPageRoute(
builder: (context) => ReportsPage(
userID: userID,
),fullscreenDialog: true);
}
},
answered Nov 21 '18 at 7:03
MTechViralMTechViral
213
213
add a comment |
add a comment |
new MaterialApp(
title: 'Named Routes Demo',
theme: ThemeData(
primarySwatch: Colors.green),
initialRoute: '/',
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "":
return MaterialPageRoute(
builder: (context) => FirstScreen());
case "second":
return MaterialPageRoute(
builder: (context) => SecondScreen(), fullscreenDialog: true);
case "third":
return MaterialPageRoute(
builder: (context) => ThirdScreen(), fullscreenDialog: true);
}
},
)
Navigator Button
onTap: () {
Navigator.pushNamed(context, '/second');
},
add a comment |
new MaterialApp(
title: 'Named Routes Demo',
theme: ThemeData(
primarySwatch: Colors.green),
initialRoute: '/',
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "":
return MaterialPageRoute(
builder: (context) => FirstScreen());
case "second":
return MaterialPageRoute(
builder: (context) => SecondScreen(), fullscreenDialog: true);
case "third":
return MaterialPageRoute(
builder: (context) => ThirdScreen(), fullscreenDialog: true);
}
},
)
Navigator Button
onTap: () {
Navigator.pushNamed(context, '/second');
},
add a comment |
new MaterialApp(
title: 'Named Routes Demo',
theme: ThemeData(
primarySwatch: Colors.green),
initialRoute: '/',
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "":
return MaterialPageRoute(
builder: (context) => FirstScreen());
case "second":
return MaterialPageRoute(
builder: (context) => SecondScreen(), fullscreenDialog: true);
case "third":
return MaterialPageRoute(
builder: (context) => ThirdScreen(), fullscreenDialog: true);
}
},
)
Navigator Button
onTap: () {
Navigator.pushNamed(context, '/second');
},
new MaterialApp(
title: 'Named Routes Demo',
theme: ThemeData(
primarySwatch: Colors.green),
initialRoute: '/',
onGenerateRoute: (RouteSettings settings) {
List<String> pathElements = settings.name.split("/");
if (pathElements[0] != "") return null;
switch (pathElements[1]) {
case "":
return MaterialPageRoute(
builder: (context) => FirstScreen());
case "second":
return MaterialPageRoute(
builder: (context) => SecondScreen(), fullscreenDialog: true);
case "third":
return MaterialPageRoute(
builder: (context) => ThirdScreen(), fullscreenDialog: true);
}
},
)
Navigator Button
onTap: () {
Navigator.pushNamed(context, '/second');
},
edited Nov 21 '18 at 8:13
answered Nov 21 '18 at 8:05
Smruti Ranjan RanaSmruti Ranjan Rana
14618
14618
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52922743%2fhow-to-create-full-screen-dialog-in-flutter-when-i-am-using-root-names-to-naviga%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown