美文网首页
熟悉flutter项目的main.dart文件

熟悉flutter项目的main.dart文件

作者: 肉肉要次肉 | 来源:发表于2023-04-12 10:46 被阅读0次

1、新建项目默认导入material.dart  ( import 'package:flutter/material.dart';)

Android风格的UI组件库: import 'package:flutter/material.dart';

iOS风格widget:import'package:flutter/cupertino.dart';

2、入口main函数

//main方法是整个app的入口

void main() {

    //runApp传入一个Widget当作参数

    runApp(MyApp());

}

3、Widget介绍:Flutter里的UI控件

在Flutter中几乎所有的对象都是一个 widget。Flutter 中是通过 Widget 嵌套 Widget 的方式来构建UI和进行实践处理的,Flutter 中万物皆为Widget。

我们通常会通过继承StatelessWidget或StatefulWidget来间接继承widget类来实现。StatelessWidget和StatefulWidget都是直接继承自Widget类,而这两个类也正是 Flutter 中非常重要的两个抽象类。

class MyAppextends StatelessWidget {}

4、build方法是执行widget渲染的地方,所有的widget通过组合嵌套之后,通过build方法return给系统

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

  return MaterialApp(

    title: 'Hello Flutter',

    home: Scaffold(

      body: Center(child: Text("你好,Flutter")),

    ),

  );

}

}

5、MaterialApp

MaterialApp是系统提供的一个根Widget,它是title,home等语义化的属性组合起来的。每个flutter 项目的入口都应该是一个MaterialApp。

相关文章

网友评论

      本文标题:熟悉flutter项目的main.dart文件

      本文链接:https://www.haomeiwen.com/subject/awigddtx.html