本文共 1612 字，大约阅读时间需要 5 分钟。

// 这个是底部四组件导航的页面import 'package:flutter/material.dart';// 导入四个页面部分// 主页import '../pages/HomePage.dart';// 我的import '../pages/MinePage.dart';// 搜索import '../pages/SearchPage.dart';// 旅拍import '../pages/TripPage.dart';class TripPage extends StatefulWidget {
     @override  _TripPageState createState() => _TripPageState();}class _TripPageState extends State
   
     {
     // 首页显示  int _currentIndex = 0;  final PageController _pageController = PageController(initialPage: 0);  //  @override  void dispose() {
       _pageController.dispose();    super.dispose();  }  @override  Widget build(BuildContext context) {
       return Scaffold(      bottomNavigationBar: BottomNavigationBar(        currentIndex: _currentIndex,        // 底部固定不动        type: BottomNavigationBarType.fixed,        onTap: (index) {
             // 根据传的index 然后页面会跳转到所对应的页面          _pageController.jumpToPage(index);          setState(() {
               _currentIndex = index;          });        },        items: [          BottomNavigationBarItem(title: Text('首页'), icon: Icon(Icons.home)),          BottomNavigationBarItem(title: Text('搜索'), icon: Icon(Icons.search)),          BottomNavigationBarItem(              title: Text('旅拍'), icon: Icon(Icons.photo_camera)),          BottomNavigationBarItem(              title: Text('我的'), icon: Icon(Icons.account_circle)),        ],      ),      body: PageView(        controller: _pageController,        physics: NeverScrollableScrollPhysics(),        children: 
    
     [          HomePage(),          SearchPage(),          TripPages(),          MinePage()        ],      ),    );  }}
    
   

转载地址：https://blog.csdn.net/qq_22049619/article/details/103913245 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！