从零到一学习Flutter——布局

Posted 点点寒彬

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从零到一学习Flutter——布局相关的知识,希望对你有一定的参考价值。

环境

开发机器:Mac

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.7.1, on macOS 13.1 22C65 darwin-arm64, locale
    zh-Hans-CN)

安装环境的流程就不重复写了,可以参考官方文档进行安装。

第一个应用

我们直接用flutter create testapp命令就可以直接创建一个工程。

工程里面,我们目前编码用到的就是lib文件夹下的main.dart

删了所有内容,只保留以下内容:

void main() 
  runApp(const Center(
    child: Text("Hello world"),
  ));

Flutter是可以支持跨平台的,因此运行的时候可以根据需要指定运行的平台。

$ flutter run
Multiple devices found:
macOS (desktop) • macos  • darwin-arm64   • macOS 13.1 22C65 darwin-arm64
Chrome (web)    • chrome • web-javascript • Google Chrome 109.0.5414.119
[1]: macOS (macos)
[2]: Chrome (chrome)
Please choose one (To quit, press "q/Q"): 2

我这里以web

以上是关于从零到一学习Flutter——布局的主要内容,如果未能解决你的问题,请参考以下文章

玩转阿里云:从零到一上手玩转云服务器学习报告

玩转阿里云:从零到一上手玩转云服务器学习报告

TypeScript从零到一学习记录(三:函数)

从零到一:入职周记

集五福+微信红包+大转盘 从零到一完成国民级项目测试实战

从零到一保姆级Ubuntu深度学习服务器环境配置教程