logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

使用 Flutter 的 Positioned 控件实现精准布局

Positioned是 Flutter 中的一个布局控件,它必须作为Stack的子控件使用。通过Positioned,我们可以精确控制子控件在Stack中的位置和大小。Stack(// 背景内容// 自定义对话框left: 20,right: 20,top: 100,BoxShadow(),],),Text('自定义对话框'),child: Text('确认'),),],),),),],Posit

#flutter
Flutter组件 - BottomNavigationBar 底部导航栏

Flutter底部导航栏(BottomNavigationBar)使用指南 本文介绍了Flutter中BottomNavigationBar组件的完整使用方法。主要内容包括: 基本结构:必须包含main()函数入口和key参数的最佳实践 核心功能:通过currentIndex和onTap实现导航切换 属性详解:items、type、颜色设置等关键参数说明 实际案例:展示多页面导航的实现方式 该组件

#flutter#javascript#开发语言
Flutter ListView 列表组件完全指南

Flutter中的ListView组件是构建可滚动列表的核心工具,主要用于展示长列表数据。它提供四种创建方式:基础列表、动态列表(推荐)、带分隔符列表和自定义列表。ListView支持垂直/水平滚动、反向滚动等特性,并可通过physics属性控制滚动行为。ListTile作为常用列表项组件,支持图标、标题、交互等功能。文中还展示了联系人列表和聊天列表等实战案例,演示了如何结合CircleAvata

#flutter#android#ios
Flutter 组件通信完全指南

本文介绍了Flutter中常见的组件通信方式,包括父传子、子传父、兄弟组件和跨层级通信。重点讲解了父传子的实现方法:通过构造函数参数传递数据,支持简单数据、复杂对象和可选参数三种场景。示例代码展示了如何定义子组件接收参数、使用required标记必传项,以及父组件如何创建子组件并传递数据。这种通信方式简单直接,是Flutter开发中最基础的数据传递手段。

#flutter#javascript#前端
Flutter CustomScrollView 自定义滚动视图 - 完全指南

Flutter CustomScrollView 是一个强大的滚动组件,可将多种滚动视图(列表、网格、固定头部等)组合成统一滚动的界面。核心特点包括支持组合滚动、吸顶效果、折叠头部和性能优化。它通过 Sliver 组件(如 SliverAppBar、SliverList、SliverGrid)实现复杂布局,典型应用包括电商首页(组合横幅、分类网格和商品列表)、个人资料页(可折叠头部)等场景。示例展

#flutter#android#ios
Flutter GridView 网格组件完全指南

Flutter GridView 是一个用于创建网格布局的组件,支持多种网格类型和自定义配置。主要类型包括固定列数的 GridView.count、固定最大宽度的 GridView.extent 和动态网格的 GridView.builder(推荐)。通过 gridDelegate 可以设置列数、间距和宽高比等参数,padding 控制内边距,scrollDirection 调整滚动方向。典型应用

#flutter#android#ios
Flutter 颜色完全指南

Flutter提供了多种颜色表示方式,包括预定义颜色常量(如Colors.red)、颜色深浅度(Colors.blue[50]-[900])、ARGB/RGB格式、十六进制值等。开发者可以通过Color类设置透明度、获取颜色值、混合颜色,还能使用Material Design主题色和ColorScheme。实际应用中,可以创建渐变效果、自定义颜色常量或实现颜色选择器功能,满足不同的UI设计需求。F

#flutter#android#ios
Flutter StatelessWidget 完全指南:构建高效的静态界面

本文介绍了Flutter中的StatelessWidget(无状态组件)及其应用。主要内容包括: 基本概念:StatelessWidget用于构建静态界面,内容固定不变,如Logo、标题等。 优势:相比StatefulWidget,无状态组件性能更好、代码更简洁、更易理解。 实现方式:通过继承StatelessWidget并重写build方法即可创建,支持参数传递。 对比分析:与StatefulW

文章图片
#flutter#前端
Flutter StatefulWidget 完全指南:让你的应用“动“起来

Flutter中的StatefulWidget(有状态组件)是实现动态界面的核心。与StatelessWidget(无状态组件)不同,StatefulWidget可以响应数据变化和用户交互,通过setState()方法触发界面更新。典型应用场景包括计数器、开关切换和输入框实时显示等。StatefulWidget由两部分组成:不可变的Widget配置和可变的State状态管理。关键点在于必须通过se

文章图片
#flutter#javascript#前端
    共 23 条
  • 1
  • 2
  • 3
  • 请选择