logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Flutter for OpenHarmony 开发指南(三):登录页面开发,使用DIO发起http请求

本文介绍了使用Flutter开发HarmonyOS登录页面的完整流程。主要内容包括:1) 环境搭建和项目创建;2) 实现登录页面UI,包含Logo、输入框和按钮;3) 处理用户输入验证;4) 集成Dio库实现HTTP请求;5) 添加加载状态和错误处理。文章通过对比CSS和Flutter的样式写法,帮助前端开发者快速上手Flutter开发,并提供了完整的代码示例实现登录功能。

文章图片
#flutter
Flutter for OpenHarmony 开发指南(二):Hello World

本文介绍了Flutter开发入门示例代码,展示了一个简单的计数器应用。代码解析了Flutter应用的基本结构:从main()入口函数开始,通过MyApp这个无状态组件配置全局主题,再到MyHomePage有状态组件实现交互功能。重点讲解了StatefulWidget的使用方法、setState的作用机制以及全局与局部样式的优先级关系。示例中演示了MaterialApp主题配置、AppBar样式设置

文章图片
#flutter
Flutter for OpenHarmony 开发指南(一):环境搭建与项目创建

检测识别不到j本地ava,前面由于单独安装了android Studio,自带了java环境。Flutter (Channel [user-branch] - 这是正常的,因为使用的是鸿蒙定制版本。Network resource 网络资源异常 -推荐的国内镜像,检查代理软件设置。HarmonyOS toolchain 鸿蒙开发工具链正常。Android toolchain 安卓开发工具链正常。?

文章图片
#flutter
Flutter for OpenHarmony 开发指南(六):个人中心开发

本文详细解析了使用Flutter构建个人中心页面的UI实现。页面采用Scaffold框架,顶部包含用户信息卡片,中部是功能菜单列表,底部显示版本号。重点介绍了关键组件:CircleAvatar实现圆形头像,Card创建带阴影的菜单区域,ListTile构建可点击菜单项,以及通过SafeArea确保布局适配不同设备。代码结构清晰,充分利用Flutter核心组件实现层次化布局,为后续功能扩展奠定了基础

文章图片
#flutter
Flutter for OpenHarmony 开发指南(七):阶段复盘

本文总结了Flutter开发中的五项关键技术:1) 使用RefreshIndicator和ScrollController实现上拉加载与下拉刷新;2) 通过BottomNavigationBar构建TabBar导航;3) 结合http包和Provider进行网络请求与状态管理;4) 利用MediaQuery实现响应式设计;5) 使用PageRouteBuilder和动画组件实现过渡效果。这些技术涵

文章图片
#flutter
Flutter for OpenHarmony 开发指南(四):实现上拉加载,下拉刷新能力

本文介绍了如何在Flutter应用中实现上拉加载和下拉刷新功能。通过使用RefreshIndicator组件处理下拉刷新,监听ListView的ScrollController实现上拉加载。文章详细讲解了状态管理、数据加载逻辑和UI构建方法,包括初始化设置、数据请求处理以及底部加载提示的实现。这种基于Flutter原生组件的方法简单高效,适合构建基本的列表页面功能。

文章图片
#flutter
Flutter for OpenHarmony 开发指南(五):实现tabbar主菜单功能

本文介绍了如何在Flutter应用中实现底部标签栏导航功能。首先分析了初始代码中使用路由跳转的局限性,然后通过创建StatefulWidget管理标签状态,利用Scaffold组件构建包含底部导航栏的页面框架。重点讲解了如何封装TabBar容器,通过_currentIndex状态控制页面切换,最后整合到主应用的路由系统中。这种导航模式为应用提供了直观的核心功能入口,是Flutter开发中的基础架构

文章图片
#flutter
Electron for OpenHarmony开发跨平台应用-持续迭代应用1.0

本文介绍了使用Electron-Vue开发跨平台应用的过程。主要内容包括:1) 搭建开发环境并进行页面布局调整,采用自定义layout实现侧边栏导航;2) 封装路由组件,实现菜单跳转功能;3) 优化授权码功能,将其提取到设置模块存储。通过NuxtLayout和Vue Router等技术,实现了应用的页面布局重构和导航功能完善。文章展示了从环境搭建到功能迭代的开发流程,为后续持续优化奠定了基础。

文章图片
#electron#javascript#前端
Electron for OpenHarmony 跨平台应用-持续迭代应用2.0

本文介绍了基于Electron-Vue-ElementPlus开发鸿蒙跨平台应用的1.0版本迭代内容。主要包括:1)实现路由菜单高亮效果,通过判断当前路由动态添加active类;2)开发个人中心页面,展示用户信息和仓库列表;3)优化搜索页面UI,支持用户和仓库两种搜索类型;4)在设置模块增加授权码获取指引功能。项目采用组件化开发思路,使用Vue3组合式API实现数据获取和状态管理,并展示了各模块的

文章图片
#harmonyos#electron#华为
    共 22 条
  • 1
  • 2
  • 3
  • 请选择