（三）最简 Flutter 实例 Hello Flutter

最新推荐文章于 2025-02-26 20:58:48 发布

原创最新推荐文章于 2025-02-26 20:58:48 发布 · 372 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，转载文章须附上文章来源与作者。

文章标签：

#Flutter #最简 #箭头函数 #widget

Web前端同时被 2 个专栏收录

27 篇文章

订阅专栏

Flutter教程

9 篇文章

订阅专栏

本文介绍了最简单的Flutter应用实例，通过导入Material UI组件库，使用main函数和runApp方法启动应用，展示了一个使用Center widget和Text显示'Hello, world!'的居中布局。main函数采用Dart的箭头函数语法，runApp则将Center作为应用的根widget，确保文本在屏幕上居中显示。" 112325263,10534864,软件测试与Vim：Linux环境与学习资源解析,"['Linux', '软件测试', 'vim编辑器', '接口测试', '计算机网络']

import 'package:flutter/material.dart';

void main() => runApp(
    new Center(
      child: new Text(
        'Hello, world!',
        textDirection: TextDirection.ltr,
      ),
    ),
);

import 'package:flutter/material.dart';

导入了Material UI组件库

void main() => runApp();

与C/C++、Java类似，Flutter 应用中main函数为应用程序的入口，main函数中调用了，runApp 方法
runApp 方法的功能是启动Flutter应用，它接受一个Widget参数，在本示例中它是Center类的一个实例，该参数代表Flutter应用。
main函数使用了(=>)符号，这是Dart中单行函数或方法的简写。

运行效果

在这里插入图片描述

箭头函数


getUserInfo(name,  account){
  return name + ', ${account}';
}
// 等同于
getUserInfo(name,  account) => name+ ', $account' ;

该runApp函数接受给定的Center Widget并使其成为widget树的根。 ‘Hello, world!’ 会显示在Center其子widget下的Text。框架强制根widget覆盖整个屏幕，这意味着文本“Hello, world”会居中显示在屏幕上。文本显示的方向需要在Text实例中指定。