目录

  • 什么是Widget
  • Material App
  • 常用基础组件

Widget

什么是widget

在这里插入图片描述
在这里插入图片描述

Widget分类

在这里插入图片描述
在这里插入图片描述

Widget 中的state

在这里插入图片描述
state 生命周期
在这里插入图片描述

Widget Tree 、ElementTree 和 RenderObject Tree之间的关联

在这里插入图片描述

widget key

在这里插入图片描述

Material App

在这里插入图片描述
material 源码：
在这里插入图片描述

常用组件

Scaffold 脚手架

在这里插入图片描述
在这里插入图片描述

Text

Text 文本框 ，相当于Android 中的TextView
Text.rich
TextFiled 输入框，相当于Android中的EditText

Image

在这里插入图片描述
声明图片资源
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Icon

使用icon显示iconfont

  1. 导入iconfont
    在这里插入图片描述
  2. 声明iconfont资源路径
    在这里插入图片描述
  3. 声明iconfont字体类型
    在这里插入图片描述
  4. 使用iconfont声明
    在这里插入图片描述
# flutter
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

cover

Flutter for OpenHarmony: Flutter 三方库 envied_generator 给鸿蒙应用的敏感 API Key 穿上“不可破解”的防护服（安全性加固利器）

avatar 开源鸿蒙跨平台开发者社区
cover

Flutter for OpenHarmony: Flutter 三方库 talker_bloc_logger 深度洞察鸿蒙应用中的每一条 BLoC 状态流转（状态审计神器）

avatar 开源鸿蒙跨平台开发者社区

鸿蒙中 同层组件

摘要：鸿蒙系统通过同层渲染技术，让Web页面中的UI元素使用原生ArkUI组件渲染，提升性能和体验。该技术支持地图、输入框等组件在Web场景下的原生渲染，也适用于Flutter等三方框架。开发时需通过Web组件开启同层渲染模式，创建NodeController管理组件生命周期，并处理触摸/鼠标事件。技术限制包括同层标签数量≤5个、不支持同步渲染等。通过arkwebnativestyle属性可控制同

avatar 开源鸿蒙跨平台开发者社区