1/* 2 * Copyright (c) 2023 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16import { MockComplexReusableSubBranch } from './MockComplexReusableSubBranch'; 17 18@Preview 19@Component 20export struct IfWithReusable { 21 @State isAlignStyleStart: boolean = true; 22 23 build() { 24 Column() { 25 Button("Change FlexAlign") 26 .onClick(() => { 27 this.isAlignStyleStart = !this.isAlignStyleStart; 28 }) 29 Stack() { 30 if (this.isAlignStyleStart) { 31 MockComplexReusableSubBranch({ alignStyle: FlexAlign.Start }); // 使用组件复用机制实现的MockComplexSubBranch 32 } else { 33 MockComplexReusableSubBranch({ alignStyle: FlexAlign.End }); 34 } 35 } 36 } 37 } 38} 39