栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Flutter中带有导航栏的永久视图

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Flutter中带有导航栏的永久视图

您可以在此处使用相同的方法。父窗口小部件可以包含两个部分:Navigator和PermanentView。通过推送路线,您将仅更改导航器小部件。演示:

import 'package:flutter/material.dart';class MyApp extends StatefulWidget {  @override  _MyAppState createState() => new _MyAppState();}class _MyAppState extends State<MyApp> {  Route _onRoute(RouteSettings settings) {    final str = settings.name.split("/")[1];    final index = int.parse(str, onError: (s) => 0);    return new MaterialPageRoute(        builder: (BuildContext context) => new Home(index: index));  }  @override  Widget build(BuildContext context) {    return new Column(      children: <Widget>[        new Expanded(          child: new MaterialApp( title: 'Flutter Demo', onGenerateRoute: _onRoute,          ),        ),        new Container(          height: 44.0,          color: Colors.blueAccent,          child: new Center( child: new Text("permanent view"),          ),        )      ],    );  }}class Home extends StatelessWidget {  Home({Key key, this.index}) : super(key: key);  final int index;  @override  Widget build(BuildContext context) => new Scaffold(        appBar: new AppBar(          title: new Text("View ${index}"),        ),        body: new Center(          child: new Column( mainAxisSize: MainAxisSize.min, children: <Widget>[   new Text("View ${index}"),   new FlatButton(       onPressed: () =>Navigator.of(context).pushNamed("/${index + 1}"),       child: new Text("Push")) ],          ),        ),      );}void main() {  runApp(    new MyApp(),  );}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/406929.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号