Flutter循序渐进第一天

最新推荐文章于 2025-12-26 10:05:44 发布

原创最新推荐文章于 2025-12-26 10:05:44 发布 · 527 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

学习背景

搞了十几年路由器，又搞了一年大数据分析，最近迷上搞软件开发了，刚开始喜欢搞PC网站开发；突然想想，HTML+CSS+Javascript又繁琐，用处也不大，毕竟手机随时随地都可以查看，把PC网站在手机上正确显示出来，那个CSS要写死人！于是改成Kotlin原生开发，突然又发现了Flutter，发现原生开发太费劲了，便投向了Flutter怀抱，虽然对喜欢Python的我，那么多括号看死人，毕竟世界上没有十全十美的事务。Flutter+Dart+Android Studio，如果要后端配合，就是Mysql+Flask即可。心急吃不了热豆腐，拿着一本教材慢慢敲代码吧，想走捷径，反而欲速则不达。

Flutter doctor已经搞定，环境没有问题了，买了个戴尔二手电脑，模拟器跑不起来，用实体手机也麻烦，改成用Chrome了，效果差不多，方便，下面是我的第一个Dart代码。

import 'package:flutter/material.dart';

void main() {
  runApp (
    Text (
      '学Flutter，要一步一步慢慢往前爬！',
      textDirection: TextDirection.ltr,
    )
  );
}

代码分析

语言都是相通的，就拿我最拿手的Python对比学习吧。

import 模块，程序是有依赖性的，导入了Flutter的material库。Material库包含了实现Material Design风格界面所需的所有组件。Material Design是Google推出的设计语言，旨在为Android、iOS及网页应用提供一致的视觉体验。

void main() { ... } 这是Dart语言中定义主函数的方式。main 函数是每个Flutter应用的入口点，当应用启动时，会首先执行这里的内容。
runApp(...); runApp 是Flutter框架中的一个函数，用于启动一个Flutter应用程序。它接收一个Widget作为参数，这个Widget将成为应用程序的根节点，即整个用户界面的起点。我这里的widget是个简单的Text。
Text(...) 创建了一个Text Widget。在Flutter中，UI界面是由Widget构建的，而Text Widget用于展示静态文本内容。
'学Flutter，要一步一步慢慢往前爬！' 这是传递给Text Widget的字符串，即界面上将显示的文本内容。这句话鼓励学习Flutter要持之以恒，逐步前进。
textDirection: TextDirection.ltr, 设置了文本的方向。在这里，TextDirection.ltr 表示文本从左到右排列，英语要学好点，ltr是left to right。