Flutter开篇封装TabBar

最新推荐文章于 2024-10-08 10:53:22 发布

天方夜歌

最新推荐文章于 2024-10-08 10:53:22 发布

阅读量1.1k

点赞数

分类专栏： OC React Native Flutter

本文链接：https://blog.csdn.net/sun_cui_hua/article/details/92775321

版权

本文由iOS开发者小萌介绍，讲述了其在学习Flutter后，受领导要求使用Flutter开发新项目。文章以创建项目并封装TabBar和AppBar为开篇，分享了主要的代码实现，并提供了GitHub下载链接供读者参考，展示了Flutter开发的简洁性。

摘要由CSDN通过智能技术生成

小萌是从事iOS开发的，最近flutter火的不行，领导要求新的项目使用flutter，节约时间成本，学了一段时间的flutter，从今天开始正式开始Flutter开发新的项目

开篇就是创建项目，搭建基本框架，tabbar和appbar的封装

话不多说，直接上主要的代码，下载地址https://github.com/shuilanjianyue/flutter_tab_bar_demo/tree/master/tab_bar_demo

import 'package:flutter/material.dart';
import 'package:tab_bar_demo/pages/home_page.dart';
import 'package:tab_bar_demo/pages/search_page.dart';
import 'package:tab_bar_demo/pages/travel_page.dart';
import 'package:tab_bar_demo/pages/my_page.dart';

class TabNavigator extends StatefulWidget {
  @override
  _TabNavigatorState createState() => _TabNavigatorState();
}

class _TabNavigatorState extends State<TabNavigator> {
  final defaultColor = Colors.grey; //默认颜色
  final activeColor = Colors.blue;//选中颜色