概述

学习一个东西总是要循序渐进的,此处我们从最基本的学起,最后慢慢搞定Flutter

入口函数

flutter以main方法为入口runApp返回的组件就是我们app主要显示的界面.那么我们就可以显示一个简单界面了.现在仅仅演示只显示一个text的app.

import 'package:flutter/material.dart';
void main() {
  runApp(Text("hello world",textDirection:TextDirection.ltr,));
}

此时我们将得到一个只有一个text的Flutter界面.看是吧,学习flutter其实一点也不难,就这样我们就做出来了一个flutter的app.只是此时的app界面比较简陋而已下面我们看一下这几行代码分别做了什么

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

此行代码帮我们导入了material库,大名鼎鼎的入口runApp函数就在此库当中.其实本段代码并没有用到material相关的东西,所以我们没必要导入material包,运行此程序,我们只需要导入widgets.dart包就可以了.如果想详细了解import及其更多的导包知识,请点击 import

void main() {
}

main()函数是dart的入口函数,此处不必多说

runApp(Text("hello world",textDirection:TextDirection.ltr,));

runApp方法接收一个Widget作为参数,返回值为void,他是flutter库的启动函数,此时传入的Widget便是界面上要显示的组件.此时我们传入一个Text,表示我们的界面上要显示一个Text,同时需要我们注意的是,textDirection必须要配置.否则程序会抛出异常.这样我们就初步开发了一个Flutter的helloworld程序.

Flutter入口函数

概述

入口函数