在 Flutter 中，导航到新的 Widget，同时保持 AppBar 和 Bottom TabBar

【问题标题】：In Flutter, navigate to new Widget while maintaining AppBar and Bottom TabBar在 Flutter 中，导航到新的 Widget，同时保持 AppBar 和 Bottom TabBar
【发布时间】：2018-12-26 20:54:08
【问题描述】：

我的应用中有一个底部标签栏用于导航。我在一个选项卡中有一个列表视图，单击该列表视图将带我进入该项目的详细信息视图。但是，我想维护 tabbar 和 appbar（可能会更改 AppBar 的标题等）。

这是我完成导航的方式：

Navigator.pushNamed(context, LocationDetails.routeName);

我不想要 AppBar 或 TabBar 的过渡效果（即我不希望它们与 Widget 一起滑动）。

提前致谢！

【问题讨论】：

标签： dart flutter flutter-layout

【解决方案1】：

最好的方法是在按下 ListView 中的单元格时将布尔值设置为 true 或 false。然后在您的 WidgetBuild 下编写一个三元运算符 bool == true ？视图 1：视图 2. 示例

bool viewState == true;

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text(widget.title),
      backgroundColor: Colors.black87,
    ),
    body: viewState == true ? Container(
        child: new RaisedButton(onpressed:
         (){setState ((){viewState == false}); // Changed code
      ),
    ) : new ListView(
      child: new Center( // Changed code
        child: new ListTile(onpressed: (){ 
        setState((){viewState == true}
        }), 
      ),
    ),
  ); 
}

【讨论】：