Why there is a shadow between nested navigator?
When i use navigator nested in MaterialApp that contains a navigator, there is shadow as showed in the following image.
Why? How to remove this shadow?
My code is here:
import 'package:flutter/material.dart';
void main() => runApp(NavigatorNested());
class NavigatorNested extends StatefulWidget {
@override
NavigatorNestedState createState() => NavigatorNestedState();
}
class NavigatorNestedState extends State<NavigatorNested> {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: 'hpme',
title: 'test',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('helle world'),
),
body: Container(
margin: EdgeInsets.symmetric(vertical: 48, horizontal: 24),
child: Navigator(
onGenerateRoute: (settings) {
return MaterialPageRoute<dynamic>(
settings: settings,
builder: (context) {
return Text('helle world');
});
},
onUnknownRoute: (settings) {
return MaterialPageRoute<dynamic>(
settings: settings,
builder: (context) {
return Text('helle world');
});
},
initialRoute: "home",
),
),
),
);
}
}
If i use Text('hello') to replace Navigator, it works goods. Is it a bug in flutrer?
flutter asked Nov 24 '18 at 11:44
lextlext
3515
add a comment |
When i use navigator nested in MaterialApp that contains a navigator, there is shadow as showed in the following image.
Why? How to remove this shadow?
My code is here:
import 'package:flutter/material.dart';
void main() => runApp(NavigatorNested());
class NavigatorNested extends StatefulWidget {
@override
NavigatorNestedState createState() => NavigatorNestedState();
}
class NavigatorNestedState extends State<NavigatorNested> {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: 'hpme',
title: 'test',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('helle world'),
),
body: Container(
margin: EdgeInsets.symmetric(vertical: 48, horizontal: 24),
child: Navigator(
onGenerateRoute: (settings) {
return MaterialPageRoute<dynamic>(
settings: settings,
builder: (context) {
return Text('helle world');
});
},
onUnknownRoute: (settings) {
return MaterialPageRoute<dynamic>(
settings: settings,
builder: (context) {
return Text('helle world');
});
},
initialRoute: "home",
),
),
),
);
}
}
If i use Text('hello') to replace Navigator, it works goods. Is it a bug in flutrer?
flutter asked Nov 24 '18 at 11:44
lextlext
3515
add a comment |
When i use navigator nested in MaterialApp that contains a navigator, there is shadow as showed in the following image.
Why? How to remove this shadow?
My code is here:
import 'package:flutter/material.dart';
void main() => runApp(NavigatorNested());
class NavigatorNested extends StatefulWidget {
@override
NavigatorNestedState createState() => NavigatorNestedState();
}
class NavigatorNestedState extends State<NavigatorNested> {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: 'hpme',
title: 'test',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('helle world'),
),
body: Container(
margin: EdgeInsets.symmetric(vertical: 48, horizontal: 24),
child: Navigator(
onGenerateRoute: (settings) {
return MaterialPageRoute<dynamic>(
settings: settings,
builder: (context) {
return Text('helle world');
});
},
onUnknownRoute: (settings) {
return MaterialPageRoute<dynamic>(
settings: settings,
builder: (context) {
return Text('helle world');
});
},
initialRoute: "home",
),
),
),
);
}
}
If i use Text('hello') to replace Navigator, it works goods. Is it a bug in flutrer?
flutter asked Nov 24 '18 at 11:44
lextlext
3515
When i use navigator nested in MaterialApp that contains a navigator, there is shadow as showed in the following image.
Why? How to remove this shadow?
My code is here:
import 'package:flutter/material.dart';
void main() => runApp(NavigatorNested());
class NavigatorNested extends StatefulWidget {
@override
NavigatorNestedState createState() => NavigatorNestedState();
}
class NavigatorNestedState extends State<NavigatorNested> {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: 'hpme',
title: 'test',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('helle world'),
),
body: Container(
margin: EdgeInsets.symmetric(vertical: 48, horizontal: 24),
child: Navigator(
onGenerateRoute: (settings) {
return MaterialPageRoute<dynamic>(
settings: settings,
builder: (context) {
return Text('helle world');
});
},
onUnknownRoute: (settings) {
return MaterialPageRoute<dynamic>(
settings: settings,
builder: (context) {
return Text('helle world');
});
},
initialRoute: "home",
),
),
),
);
}
}
If i use Text('hello') to replace Navigator, it works goods. Is it a bug in flutrer?
flutter flutter asked Nov 24 '18 at 11:44
lextlext
3515
asked Nov 24 '18 at 11:44
lextlext
3515
asked Nov 24 '18 at 11:44
lextlext
3515
asked Nov 24 '18 at 11:44
lextlext
3515
asked Nov 24 '18 at 11:44
lextlext
3515
3515
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
The MaterialPageRoute itself is a material widget, so it has an elevation and a shadow.
Use PageRouteBuilder instead, this is the pageroute that does not contain the material effect. A good example is in the 'Custom route' section of Navigator documentation.
Edit: sorry, it seems the example in the documentation does not fit into your scenario. You can use PageRouteBuilder like this
Navigator(
//...
onGeneratedRoute: PageRouteBuilder(
pageBuilder: //...
transitionsBuilder: //There are some good examples about this transition animation on the web
),
//...
)
answered Nov 24 '18 at 12:36
First_StrikeFirst_Strike
1479
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%2f53457772%2fwhy-there-is-a-shadow-between-nested-navigator%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The MaterialPageRoute itself is a material widget, so it has an elevation and a shadow.
Use PageRouteBuilder instead, this is the pageroute that does not contain the material effect. A good example is in the 'Custom route' section of Navigator documentation.
Edit: sorry, it seems the example in the documentation does not fit into your scenario. You can use PageRouteBuilder like this
Navigator(
//...
onGeneratedRoute: PageRouteBuilder(
pageBuilder: //...
transitionsBuilder: //There are some good examples about this transition animation on the web
),
//...
)
answered Nov 24 '18 at 12:36
First_StrikeFirst_Strike
1479
add a comment |
The MaterialPageRoute itself is a material widget, so it has an elevation and a shadow.
Use PageRouteBuilder instead, this is the pageroute that does not contain the material effect. A good example is in the 'Custom route' section of Navigator documentation.
Edit: sorry, it seems the example in the documentation does not fit into your scenario. You can use PageRouteBuilder like this
Navigator(
//...
onGeneratedRoute: PageRouteBuilder(
pageBuilder: //...
transitionsBuilder: //There are some good examples about this transition animation on the web
),
//...
)
answered Nov 24 '18 at 12:36
First_StrikeFirst_Strike
1479
add a comment |
The MaterialPageRoute itself is a material widget, so it has an elevation and a shadow.
Use PageRouteBuilder instead, this is the pageroute that does not contain the material effect. A good example is in the 'Custom route' section of Navigator documentation.
Edit: sorry, it seems the example in the documentation does not fit into your scenario. You can use PageRouteBuilder like this
Navigator(
//...
onGeneratedRoute: PageRouteBuilder(
pageBuilder: //...
transitionsBuilder: //There are some good examples about this transition animation on the web
),
//...
)
answered Nov 24 '18 at 12:36
First_StrikeFirst_Strike
1479
The MaterialPageRoute itself is a material widget, so it has an elevation and a shadow.
Use PageRouteBuilder instead, this is the pageroute that does not contain the material effect. A good example is in the 'Custom route' section of Navigator documentation.
Edit: sorry, it seems the example in the documentation does not fit into your scenario. You can use PageRouteBuilder like this
Navigator(
//...
onGeneratedRoute: PageRouteBuilder(
pageBuilder: //...
transitionsBuilder: //There are some good examples about this transition animation on the web
),
//...
)
answered Nov 24 '18 at 12:36
First_StrikeFirst_Strike
1479
edited Nov 24 '18 at 12:48
answered Nov 24 '18 at 12:36
First_StrikeFirst_Strike
1479
answered Nov 24 '18 at 12:36
First_StrikeFirst_Strike
1479
answered Nov 24 '18 at 12:36
First_StrikeFirst_Strike
1479
1479
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%2f53457772%2fwhy-there-is-a-shadow-between-nested-navigator%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
