與顫振

Question

導航欄常駐視圖我有一個場景，其中我有2次：

• 視圖1
• 視圖2

在按鈕按壓從視圖1，Navigator.of （上下文）.pushnamed（'/ view2'）被調用，它將View 2推到屏幕上。在這種情況下，整個畫面從視圖1轉換爲視圖2.

是否有可能有從視圖1轉換到視圖時仍然會停留在屏幕上永久的看法？類似於Soundclould在底部播放控件時的操作方式。無論您導航到哪個屏幕，它總是永久顯示。此圖描繪了我想要實現：

在iOS上，我能夠在一個視圖控制器一個ContainerView具有導航控制器來實現這一點，那麼有永久觀點佔據了屏幕的底部正下方的ContainerView

Answer 1

你可以在這裏使用同樣的方法。父窗口小部件可以有兩部分：導航器和永久視圖。通過推送路線，您將只更改導航器小部件。 演示：

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(), 
); 
}