如何修復顫動中的底部導航？

Question

如何修復 Flutter 中的底部導航？

使用不包含 MediaQuery.Bottom 導航的上下文調用 MediaQuery.Of() 不起作用。

這段代碼顯示錯誤 什么是 MediaQuery.Of() 使用不包含 MediaQuery 的上下文調用？

import 'package:flutter/material.dart';
void main(){
  runApp(Home());
}
class Home extends StatefulWidget{
  @override
  State<StatefulWidget> createState() => _HomeState();



}
class _HomeState extends State<Home>{
  int currindex=0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Bottom Nav "),
      ),
      body: Container(),
      bottomNavigationBar: BottomNavigationBar(
        currentIndex: currindex,
        items:[BottomNavigationBarItem(
    icon: Icon(Icons.home),
    title: Text("Home"),
    backgroundColor: Colors.blue

    ),
          BottomNavigationBarItem(
              icon: Icon(Icons.search),
              title: Text("Search"),
              backgroundColor: Colors.blue

          ),
          BottomNavigationBarItem(
              icon: Icon(Icons.person),
              title: Text("Profile"),
              backgroundColor: Colors.blue

          ),],
        onTap: (index){
          setState(() {
            currindex=index;

          });
        },

    ));
  }


}

Answer 1

這是因為您沒有使用MaterialApp() ，您需要在小部件樹中使用MaterialApp()

看看這個演示....

    void main() => runApp(Home());

    class Home extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: //your Title,
          theme: //your theme,
          home: HomePage(),
        );
      }
    }

    class HomePage extends StatefulWidget{
      @override
      State<StatefulWidget> createState() => _HomePageState();
    }

//and your _HomePageState widget goes here