未验证 提交 c3f580d2 编写于 作者: L LiAn 提交者: Gitee

update zh-cn/application-dev/ui/ts-component-creation-re-initialization.md.

Signed-off-by: NLiAn <lian15@huawei.com>
上级 68cfe38d
......@@ -2,46 +2,46 @@
## 初始创建和渲染
1. 创建父组件**ParentComp**
1. 创建父组件ParentComp
2. 本地初始化**ParentComp**的状态变量**isCountDown**
2. 本地初始化ParentComp的状态变量isCountDown
3. 执行**ParentComp****build**函数;
3. 执行ParentComp的build函数;
4. 创建**Column**内置组件;
1. 创建**Text**内置组件,设置其文本展示内容,并将**Text**组件实例添加到**Column**中;
2. 判断if条件,创建**true**分支上的组件;
1. 创建**Image**内置组件,并设置其图片源地址;
2. 使用给定的构造函数创建**TimerComponent**
1. 创建**TimerComponent**对象;
4. 创建Column内置组件;
1. 创建Text内置组件,设置其文本展示内容,并将Text组件实例添加到Column中;
2. 判断if条件,创建true分支上的组件;
1. 创建Image内置组件,并设置其图片源地址;
2. 使用给定的构造函数创建TimerComponent
1. 创建TimerComponent对象;
2. 本地初始化成员变量初始值;
3. 使用**TimerComponent**构造函数提供的参数更新成员变量的值;
4. 执行**TimerComponent****aboutToAppear**函数;
5. 执行**TimerComponent****build**函数,创建相应的UI描述结构;
3. 创建**Button**内置组件,设置相应的内容。
3. 使用TimerComponent构造函数提供的参数更新成员变量的值;
4. 执行TimerComponent的aboutToAppear函数;
5. 执行TimerComponent的build函数,创建相应的UI描述结构;
3. 创建Button内置组件,设置相应的内容。
## 状态更新
用户单击按钮时:
1. **ParentComp****isCountDown**状态变量的值更改为false;
1. ParentComp的isCountDown状态变量的值更改为false;
2. 执行**ParentComp****build**函数;
2. 执行ParentComp的build函数;
3. **Column**内置组件会被框架重用并执行重新初始化;
3. Column内置组件会被框架重用并执行重新初始化;
4. **Column**的子组件会重用内存中的对象,但会进行重新初始化;
1. **Text**内置组件会被重用,但使用新的文本内容进行重新初始化;
4. Column的子组件会重用内存中的对象,但会进行重新初始化;
1. Text内置组件会被重用,但使用新的文本内容进行重新初始化;
2. 判断if条件,使用false分支上的组件;
1. 原来true分支上的组件不在使用,这些组件会进行销毁;
1. 创建的**Image**内置组件实例进行销毁;
2. **TimerComponent**组件实例进行销毁,**aboutToDisappear**函数被调用;
1. 创建的Image内置组件实例进行销毁;
2. TimerComponent组件实例进行销毁,aboutToDisappear函数被调用;
2. 创建false分支上的组件;
1. 创建**Image**内置组件,并设置其图片源地址;
2. 使用给定的构造函数重新创建**TimerComponent**
3. 新创建的**TimerComponent**进行初始化,并调用**aboutToAppear**函数和**build**函数。
3. **Button**内置组件会被重用,但使用新的图片源地址。
1. 创建Image内置组件,并设置其图片源地址;
2. 使用给定的构造函数重新创建TimerComponent
3. 新创建的TimerComponent进行初始化,并调用aboutToAppear函数和build函数。
3. Button内置组件会被重用,但使用新的图片源地址。
## 示例
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册