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。

相关推荐
一只大侠的侠10 小时前
Flutter开源鸿蒙跨平台训练营 Day8获取轮播图网络数据并实现展示
flutter·开源·harmonyos
Lionel68911 小时前
鸿蒙Flutter跨平台开发:首页特惠推荐模块的实现
华为·harmonyos
盐焗西兰花11 小时前
鸿蒙学习实战之路-Reader Kit自定义页面背景最佳实践
学习·华为·harmonyos
果粒蹬i11 小时前
【HarmonyOS】DAY10:React Native开发应用品质升级:响应式布局与用户体验优化实践
华为·harmonyos·ux
早點睡39011 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-flash-message 消息提示三方库适配
react native·react.js·harmonyos
早點睡39012 小时前
高级进阶 ReactNative for Harmony项目鸿蒙化三方库集成实战:react-native-image-picker(打开手机相册)
react native·react.js·harmonyos
早點睡39012 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-easy-toast三方库适配
react native·react.js·harmonyos
前端不太难12 小时前
在 HarmonyOS 上,游戏状态该怎么“死而复生”
游戏·状态模式·harmonyos
lbb 小魔仙1 天前
【HarmonyOS实战】OpenHarmony + RN:自定义 useValidator 表单验证
华为·harmonyos
仓颉编程语言1 天前
鸿蒙仓颉编程语言挑战赛二等奖作品:TaskGenie 打造基于仓颉语言的智能办公“任务中枢”
华为·鸿蒙·仓颉编程语言