Flutter切换页面

最新推荐文章于 2025-07-14 20:15:41 发布

原创

最新推荐文章于 2025-07-14 20:15:41 发布 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

这篇博客介绍了Flutter中如何实现页面切换，包括创建主页面、功能页面以及设置页面布局的方法。

Flutter切换页面

1.首页先把我们的主页面创好，可以进行页面切换。

import 'package:flutter/material.dart';
import 'package:flutter_app1/pages/index_page.dart';

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

class MyApp extends StatelessWidget {
   
   
  @override
  Widget build(BuildContext context) {
   
   
    return Container(
      child: MaterialApp(
        title:"百姓生活+",
        debugShowCheckedModeBanner: false,
        theme: ThemeData(
          primaryColor: Colors.deepPurple
        ),
        home: Indexpage(),
      ),
    );
  }
}

2.再创造功能页面，可以进行切换。

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'cart_page.dart';
import 'categroy_page.dart';
import 'home_page.dart';
import