Question

在我的 main.dart 中，我有：

void main() {
  runApp(App());
}

在另一个名为 App.dart 的文件中：

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: "MasterChef",
      initialRoute: '/',
      routes: {
        '/': (context) => LoginScreen(),
        '/HomeScreen': (context) => HomeScreen(),
        '/ProfileScreen': (context) => ProfileScreen(),
      },
    );
  }
}

现在我想在我的应用程序中添加一个粘性底部导航栏，跨越除登录页面之外的所有屏幕。

是否有我可以使用的即用型软件包，或者我是否需要编写自定义代码。如果是这样怎么办？

Answer 1

使用带有底部导航栏的浏览量。只需添加您希望按钮导航栏在页面视图中显示的页面....

在 login.dart 中

我们将使用两个脚手架.... 像这样不要介意代码是因为我在移动

Class Login extend statefull{
//add all neccessary thing here 

bool authIsTrue =false;

Logingscreen(){
Return scaffold(

// here is the login is successful then it will change the state of authistrue, I hope you get the idea


)
}

Pageview(){
ruturn scaffold(
body pageview(
Children [

// here add those pages you want the button nav bar you to show. Note... then you can now use bottom nav bar in this page..
]
)
);

}

Widget(Buildcontext context){
return authsIsTrue ? Pageview() : loginscreen();
}

Answer 2

https://api.flutter.dev/flutter/material/BottomNavigationBar-class.html

https://willowtreeapps.com/ideas/how-to-use-flutter-to-build-an-app-with-bottom-navigation

以及无数其他关于 flutter 底部导航栏的教程。只需使用谷歌

颤动在特定页面上添加底部导航栏

2 个答案: