前言
学习程序的第一步,运行程序写一个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+要看的组件名字就可以进去看了。
最后运行效果如下
每天进步一点点,将来的你一定会感谢现在努力的自己!