HarmonyOS基本的应用的配置

鸿蒙HarmonyOS组建页面

1、创建ets文件并配置

Index.ets是创建项目自动构建生成的,我们可以将其删除掉,并重新在page文件夹下创建一个XXX.ets文件,在其中完成登录页面的开发。

完成了LoginPage.ets文件的创建后,还需要对工程配置进行修改,以保证应用可以正常启动。

2、修改main_pages.json文件

首先,我们需要在如图所示的路径中的main_pages.json进行修改。

需要将原本的Index改为现在定义的LoginPage,所以将main_pages.json改为如右侧所示的内容。

3、修改EntryAbility.ets文件(启动时加载的页面)

完成了main_pages.json文件的修改后,还需要在EntryAbility.ets文件中,设置应用启动时加载的页面。

需要修改onWindowStageCreate() 方法中的 windowStage.loadContent 部分,设置其加载pages/LoginPage,使得应用启动后能够加载LoginPage。

相关推荐
2501_9209317013 分钟前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_920931701 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
2501_921930832 小时前
高级进阶 React Native 鸿蒙跨平台开发:InteractionManager 交互优化
react native·harmonyos
前端不太难2 小时前
HarmonyOS PC 文档模型完整范式
华为·状态模式·harmonyos
ITUnicorn4 小时前
【HarmonyOS6】从零实现自定义计时器:掌握TextTimer组件与计时控制
华为·harmonyos·arkts·鸿蒙·harmonyos6
摘星编程4 小时前
OpenHarmony + RN:Stack堆栈导航转场
react native·react.js·harmonyos
BlackWolfSky4 小时前
鸿蒙中级课程笔记13—应用/元服务上架
笔记·华为·harmonyos
晚霞的不甘5 小时前
Flutter for OpenHarmony从基础到专业:深度解析新版番茄钟的倒计时优化
android·flutter·ui·正则表达式·前端框架·鸿蒙
财经三剑客5 小时前
鸿蒙智行1月交付57915台,同比增长65.6%
华为·harmonyos
BlackWolfSky6 小时前
鸿蒙中级课程笔记12—应用质量建议与测试指南
笔记·华为·harmonyos