Flutter切换页面

原创

于 2021-03-25 15:18:45 发布 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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';

最低0.47元/天解锁文章