【Flutter Widget】Flutter移动UI框架使用Material和密匙Key的具体在项目里的实战经验

最新推荐文章于 2024-09-11 21:48:35 发布

蚂蚁二娘

最新推荐文章于 2024-09-11 21:48:35 发布

阅读量351

点赞数

文章标签： flutter ui android

本文链接：https://blog.csdn.net/web2022050901/article/details/128392907

版权

本文介绍了Flutter移动UI框架，重点讨论了Material Design的应用、使用Key来控制小部件匹配以及在购物清单应用中的实战经验。通过示例展示了如何构建遵循Material Design的界面，解释了Scaffold组件的作用，以及在处理有状态小部件时如何使用Key来保持状态。文章还提及了一个关于Vue开发技巧的文档分享。

摘要由CSDN通过智能技术生成

Flutter

Flutter是谷歌的移动UI框架，可以在IOS和Android上快速构建高质量的本地用户界面。Flutter可以使用现有代码。在世界上，Flutter正被越来越多的开发人员和组织使用，Flutter是完全免费和开源的。这也是构建未来Google Fuchsia应用程序的主要方式。

import 'package:flutter/material.dart';

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

runApp函数接受给定的小部件，并使其成为小部件树的根。在本例中，小部件树由两个小部件组成：Center（及其子小部件）和Text。框架强制根小部件覆盖整个屏幕，这意味着文本“Hello，world”将位于屏幕中心。需要在text实例中指定文本显示的方向。使用MaterialApp时，将自动设置文本方向，稍后将进行演示。编写应用程序时，通常会创建新的小部件。这些小部件是无状态无状态小部件或有状态有状态小部件。具体选择取决于小部件是否需要管理某些状态。小部件的主要工作是实现一个构建函数来构建自己。小部件通常由一些较低级别的小部件组成。Flutter框架将依次构建这些小部件，直到构建最低级别的子小部件。这些最低级别的小部件通常是RenderObject，它将计算和描述小部件的几何结构。