首页 > 其他分享 >小白也能听懂的Flutter

小白也能听懂的Flutter

时间:2024-05-31 18:01:41浏览次数:17  
标签:状态 听懂 函数 小白 MyApp 组件 Flutter 页面

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        appBar: null,
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}

  

代码解读
1.main函数:类似Java或者C/C++等编程语言中的主函数,是程序的入口。其中调用的runApp函数,入参是一个Widget,也就是一个组件,用于展示界面效果。可以类比Android中的组件概念。
2.MyApp类:根组件,继承于StatelessWidget组件,所谓的无状态组件,主要用于绘制界面。
3.MyHomePage:页面组件,继承于StatefulWidget组件,即有状态组件,顾名思义是包含状态的组件。譬如,包含计数器变量,可以通过按钮点击改变其值。
4._MyHomePageState:页面组件的状态类,继承于State状态类,主要包含界面构建以及数据构建。一般通过页面组件的重载函数createState来关联。

标签:状态,听懂,函数,小白,MyApp,组件,Flutter,页面
From: https://www.cnblogs.com/xiongwei/p/18225041

相关文章

  • 【二】从小白开始使用Python一步一步搭建一个深度学习UI界面【界面设计】
    本来是想使用QtDesigner进行界面控件拖拽的方式进行界面设计的,但是后来觉得这样后面维护更新起来太麻烦了,就还是使用纯代码来写界面吧,这需要一定的想象能力。设计界面pyqt外部工具添加在设置界面搜索“外部工具”,这里我已经添加了两个QTDesigner的外部工具,一个是用于创......
  • vue小白商城
      免费获取方式↓↓↓   项目介绍034:npminstallnpmrunservenpmrunbuild主要功能小白商城首页我的消息收藏夹购物车卖家中心联乐客服关于我们 二、技术栈 所有场景都支持适合零基础小白练手和实战;适合二次开发;项目图片概览:以上是对本项目的界面......
  • flutter - [03] 运算符&条件表达式
    题记部分 一、算术运算符运算符说明示例(a=13,b=5)+加print(a+b);-减print(a-b);*乘print(a*b);/除print(a/b);~/取整print(a~/b);%取余print(a%b);   二、关系运算符  三、逻辑运算符  四、赋值运算符 五、条件......
  • Flutter将视频或图文分享到抖音
    如何在Flutter中分享视频到抖音话不多说,先上效果:原理发布内容至抖音H5场景_移动/网站应用_抖音开放平台(open-douyin.com)本教程没有接入抖音原生SDK以及任何第三方插件,使用抖音的h5分享接口配合url_launcher插件实现跳转至抖音分享页面需要分享的资源需要被部......
  • flutter - [01] Dart概述
    题记部分 一、什么是dartdart是由谷歌开发的计算机编程语言,可以被用于web、服务器、移动应用和物联网等领域的开发dart诞生于2011年,号称要取代JavaScript。但是过去的几年中一直不温不火,直到Flutter出现后,被人们重新重视。要学习Flutter,必须首先得学习Dart。dart官网:htt......
  • flutter - [02] 基本语法
    题记部分 一、注释///这是一个注释//这也是个注释/*这还是个注释*/voidmain(List<String>args){print('你好dart');} 二、声明变量varstr='thisisvar';Stringstr='thisisvar';  三、标题   —业精于勤荒于嬉,行成于思毁于随—......
  • 【Flutter】基础环境搭建
      一、下载安装 配置FlutterFlutter是一个开发SDK,官网下载地址:https://docs.flutter.dev/release/archive?tab=windows 压缩包直接解压: 同时对用户和系统变量添加Flutter的命令执行变量 进入CMD,输入flutter检查变量是否生效: 使用flutterdoctor初始化......
  • (小白专用)SpringBoot快速搭建
    SpringBoot简介跟优点SpringBoot是一个基于Spring框架的开源项目,用于简化和加速Spring应用程序的开发和部署过程。它通过提供默认配置和约定来简化Spring应用程序的搭建,从而让开发者更专注于编写业务逻辑而不是配置和设置。SpringBoot的主要特点包括:自动配置:Spr......
  • Flutter 中的 SliverGrid 小部件:全面指南
    Flutter中的SliverGrid小部件:全面指南Flutter是一个由Google开发的UI框架,它允许开发者使用Dart语言来构建高性能、跨平台的移动、Web和桌面应用。在Flutter的丰富组件库中,SliverGrid是一个用于创建网格布局的组件,它通常与CustomScrollView结合使用,以提供滚......
  • Flutter 中的 NestedScrollView 小部件:全面指南
    Flutter中的NestedScrollView小部件:全面指南Flutter是一个由Google开发的跨平台UI框架,它允许开发者使用Dart语言来构建高性能、美观的移动、Web和桌面应用。在构建复杂的滚动界面时,NestedScrollView是一个非常有用的组件,它允许您将一个滚动视图嵌套在另一个滚......