本文展示了如何在Flutter应用中创建一个带有底部导航栏的主页面，包括初始化导航栏项、设置不同颜色的PageView及响应底部导航栏点击事件。还介绍了NavigationIconView类用于自定义导航栏图标。
@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘OpenSource China’,
theme: ThemeData(
primaryColor: Color(AppColors.APP_THEME), //主题色
),
home: HomePage(),
);
}
}
HomePage.dart主界面内容的布局分为titleBar， body和底
《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》
【docs.qq.com/doc/DSmxTbFJ1cmN1R2dB】 完整内容开源分享
部的NavagationBar
import ‘package:flutter/material.dart’;
import ‘package:flutterapp2/widgets/navigation_icon_view.dart’;
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State {
//底部导航栏的四个title
final _appBarTitle = [‘News’, ‘Updates’, ‘Find’, ‘My’];
//底部四个导航栏的view
List _na
最低0.47元/天 解锁文章
236
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
