flutter - 我在摄像头屏幕选项卡上时想隐藏应用程序栏和底部导航栏

Question

在摄像头屏幕选项卡上时，我想隐藏应用程序栏和底部导航栏

Widget build(BuildContext context) {
    return new WillPopScope(
      onWillPop: () async => false,
      child: GestureDetector(
        child: Scaffold(
          appBar: AppBar(
            title: Padding(
              padding: const EdgeInsets.only(left: 200.0),
              child: Text("techstagram",
                  style: TextStyle(color: Colors.deepPurple)),
            ),
            backgroundColor: Colors.white,
            //  backgroundColor: Colors.white,
            leading: IconButton(
              icon: Icon(
                Icons.search,
                color: Colors.deepPurple,
              ),
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => SearchListExample()),
                );
              },
            ),

            actions: <Widget>[
              Padding(
                padding: const EdgeInsets.only(right: 180.0, top: 15.0),
                child: Text(
                  'Hashtag',
                  style: TextStyle(
                      color: Colors.deepPurple,
                      fontSize: 20.0,
                      fontWeight: FontWeight.bold),
                ),
              ),
              IconButton(
                icon: Icon(
                  Icons.message,
                  color: Colors.deepPurple,
                ),
                onPressed: () {
                  Navigator.push(
                    context,
                    MaterialPageRoute(builder: (context) => ConversationPage()),
                  );
                },
              ),
            ],
          ),
          body: ResponsiveLayoutBuilder(
              builder: (context, size) => new TabLayoutDemo()),
        ),
      ),
    );
  }

Answer 1

您可以按以下方式测试条件。

Scaffold(
 appBar: canShow? AppBar(""):null,
 bottomNavigationBar: canShow? BottomNavigationBar(""):null
)