Flutter 初学之路—初识Flutter

2024年2月5日 203次阅读 来源: ohayoi

Flutter是最新的跨平台开发技术，可以横跨Android、iOS、MacOS、Windows、Linux等多个系统。Flutter采用了更为彻底的跨平台方案，即自己实现了一套UI框架，然后直接在GPU上渲染UI页面。

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

Flutter的特点：跨平台、丝滑般的体验、响应式框架、支持插件、60fps超高性能。
Flutter的核心：组件、构建、状态、框架等。

在Java编程时，我们将一切看作对象。而使用Flutter时，我们将一切视为组件（Widget）。组件是Flutter应用程序用户界面的基本构建块。

Widget具有丰富的属性及方法，属性通常用来改变组件的状态（颜色、大小等）及回调方法的处理（单击事件回调、手势事件回调等）；方法主要是提供一些组件的功能扩展。

我们可以使用Flutter的组件嵌套来实现复杂度高的UI。最基础的组件类是Widget，其他所有的组件都是继承Widget的。

Flutter Widget分为：有状态组件(Stateful Widget)及无状态组件(Stateless Widget)。

构建Widget
我们可以重写Widget的build方法来构建一个组件。

@protected Widget build(BuildContext context);

处理用户交互

父Widget可以自由地创造子Widget的新实例且不会失去子Widget的状态，而不是通过持有子Widget来维持其状态。

State（状态），State是一个组件的UI数据模型，是组件渲染时的数据依据

分层的框架

Material层通常组合来自Widget层的基本Widget
Widget层通过较低级对象渲染层来构建。

//新建flutter-app，修改main.dart文件如下：
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hello World!',
      theme: ThemeData(
        primaryColor: Colors.red,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Fultter'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

参考资料：亢少军老师的《Flutter技术入门与实战》

    原文作者：ohayoi
    原文地址: https://www.jianshu.com/p/314bc204bf6f
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞