前言
最近，项目需要开发鸿蒙版的，跟随时代潮流，学习一下鸿蒙，小白一个，记录一下，学习开发过程中遇到的问题。
1. 开发过程，热更新，hot reload
默认未开启，点击顶部的hot reload也可以，不想点击顶部的话，需要勾上保存，页面开发时，command+s就可以实时看到页面了。
image.png
注意运行Debug模式，才会生效。
image.png
2.SampleListPage()' does not comply with the UI component syntax. <ArkTSCheck>
导入页面，提示这个，忘加export了。
image.png
3. > hvigor ERROR: Error: Cannot find project build file 'build-profile.json5'
更新合并代码后总是提示这个错误，之前在.gitignore文件中把.json5的文件忽略了，导致每次一拉取别人的代码，本地就没了，把忽略移除。
这个是两个
image.png
这个多人开发的时候容易冲突覆盖，还原为自己的就可以了。
4，类型判断
昨天用到方法类型判断和小数处理，找了一通
方法判断参数类型用typeof，这样：
if (typeof value == 'string') {
content = value;
}
number小数，整数处理，
// 舍弃小数
content = value.toFixed(0)
// number 转换为string
content = value.toString();
完整的方法：
// 返回number判空转换安全字符串
// 整数、浮点数据处理，isTruncate是否保留整数部分，舍弃小数部分
static safeNumber(value?: string | number, isTruncate: Boolean = false): string {
let content: string = ''
if (value != null) {
if (typeof value == 'string') {
content = value;
} else if (typeof value == 'number') {
if (isTruncate) {
// content = parseInt(value);
// 舍弃小数
content = value.toFixed(0)
} else {
// number 转换为string
content = value.toString();
}
}
}
return content;
}
翻译的Flutter里面的方法。
5，Column对齐
结构为
Column (){
Row(){
Column(){
}
.justifyContent(FlexAlign.Start)
.align(Alignment.Start)//对齐设置无效
.alignItems(HorizontalAlign.Start)//这样设置才可以
}
}
线性布局（Row/Column）
1.Row容器
Row(value?:{space?: number | string })：容器包裹的元素横向排列
- 参数space用来控制子元素的间距
- 除了共有属性，Row容器有两个独有属性alignItems、justifyContent用来指定子元素的对齐方式。
| 属性 | 属性类型 | 值 | 描述 |
|---|---|---|---|
| alignItems | VerticalAlign | Top/Center(默认)/Bottom | 垂直方向上的对齐格式。 |
| justifyContent | FlexAlign | StartCenter(默认)/End/SpaceBetween/SpaceAround/SpaceEvenly | 水平方向上的对齐格式。 |
垂直方向对齐alignItems
Column相对Row一样的。
