flutter学习之HelloWorld

前言

学习程序的第一步，运行程序写一个Hello,world是程序员学习一个新的语言的第一步。不仅表示对该语言的尊敬，也是一种情怀！接下来使用Dart语言自定义Widget实现Hello,world的一个简单的操作。

正题

程序运行从main函数开始的，dart也不例外，首先有这么一个概念，flutter代码就是一个个组件搞起来的

首先写一个HelloWorld的组件

代码的大致意思是创建一个HelloWorld Widget集成StatelessWidget，如果要对组件进行修改继承自StatefulWidget

下面我们能想到的是创建一个组件，

Widget build(BuildContext context) {

}

需要一个返回值，我们创建一个center组件，再创建一个child组件，并设置相应的文字，字体大小，字体颜色等等，so easy!

接下来就是对导航栏进行设置

同样一个组件MyApp，

从这里我们可以看出，flutter提供了很多material风格的组件，这里我们创建一个MaterialApp，并设置默认的首页home,创建Scaffold组件对顶部和底部工具栏进行设置，将页面的主题body设置为我们的helloWorld小组件，最后设置页面的主题theme，具体那个组件有哪些参数可以设置我们点击commond+要看的组件名字就可以进去看了。

最后运行效果如下

每天进步一点点，将来的你一定会感谢现在努力的自己！