[英]Flutter navigation removing in between routes
在我的 flutter 应用程序中,我想在路由之间删除,以便当用户按回时,它将转到上一个屏幕。 以下是我的屏幕流程。
提前谢谢你。
当您想在back
时跳过页面时,只需使用pushReplacement
而不是push
。
import 'dart:math';
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter naviagtion',
theme: ThemeData(
backgroundColor: Colors.white,
primarySwatch: Colors.green,
),
home: DashboardLandingScreen(),
);
}
}
class DashboardLandingScreen extends StatelessWidget {
static Route route() => MaterialPageRoute(
builder: (context) => DashboardLandingScreen(),
);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
alignment: Alignment.center,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('Dashboard landing screen.'),
RaisedButton(
child: Text('List of Topics'),
onPressed: () => Navigator.of(context).push(
TopicsListScreen.route(),
),
),
],
),
),
);
}
}
class TopicsListScreen extends StatelessWidget {
static Route route() => MaterialPageRoute(
builder: (context) => TopicsListScreen(),
);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
alignment: Alignment.center,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('List of Topics'),
RaisedButton(
child: Text('Create New Topic'),
onPressed: () => Navigator.of(context).push(
NewTopic.route(),
),
),
],
),
),
);
}
}
class NewTopic extends StatelessWidget {
static Route route() => MaterialPageRoute(
builder: (context) => NewTopic(),
);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
alignment: Alignment.center,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('page: new topic'),
RaisedButton(
child: Text('Save'),
onPressed: () => Navigator.of(context).pushReplacement(
CreatedTopicDetails.route(),
),
),
],
),
),
);
}
}
class CreatedTopicDetails extends StatelessWidget {
static Route route() => MaterialPageRoute(
builder: (context) => CreatedTopicDetails(),
);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
alignment: Alignment.center,
child: Text('page: created topic details'),
),
);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.