261fe41b4edcbd6435c95f54897bd3f0
Flutter-从入门到项目 06: 微信项目搭建

Flutter 专栏目录直通车

Flutter-从入门到项目 01: Flutter重要性

Flutter-从入门到项目 02: 环境配置

Flutter-从入门到项目 03: Flutter初体验

Flutter-从入门到项目 04:Dart语法快速掌握(上)

Flutter-从入门到项目 05:Dart语法快速掌握(下)

Flutter-从入门到项目 06: 微信项目搭建

Flutter-从入门到项目 07: 微信项目-发现页面

前面几篇都是关于环境配置和基础语法学习. 在我个人认为学习一门新的语言(快速高效学习) 一定是通过实践,最好的就是带着项目实操,如果你能够仿写下一个项目那么基本就差不多了! 这里我就用微信项目作为本次案例仿写,希望大家喜欢!

Github 项目地址 欢迎大家点赞心心 谢谢

一: 微信项目搭建

① 主APP

这里主要是把主界面抽取出去 方便查阅和修改

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'WeChat',
      theme: ThemeData(
        highlightColor: Color.fromARGB(1, 0, 0, 0),
        splashColor: Color.fromARGB(1, 0, 0, 0),
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: KCRootPage(),
    );
  }
}
  • highlightColor : 高亮色设置
  • splashColor : 长按颜色设置
  • KCRootPage : 根控制器

② 根控制器

根控制器的配置和基本iOS开发是一致的!
其中 class KCRootPage extends StatefulWidget 这样就能够动态调整也就所谓的状态管理

```Dart
class KCRootPage extends StatefulWidget {
@override
_KCRootPageState createState() => _KCRootPageState();
}

class _KCRootPageState extends State {
int _currentIndex = 0;
List _pages = [KCChatPage(),KCFriendsPage(),KCDiscoverPage(), KCMinePage()];

top Created with Sketch.