• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/**
2 * Copyright (c) 2025 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 */
15import { memo, __memo_context_type, __memo_id_type } from '@ohos.arkui.stateManagement' // should be insert by ui-plugins
16import { Entry, Text, TextAttribute, Column, Component, Button, ButtonAttribute, ClickEvent, UserView } from '@ohos.arkui.component'  // TextAttribute should be insert by ui-plugins
17import { State, MutableState, stateOf, observableProxy } from '@ohos.arkui.stateManagement' // should be insert by ui-plugins
18import hilog from '@ohos.hilog'
19
20@Entry
21@Component
22struct MyStateSample {
23  @State stateVar: string = 'state var';
24  message: string = 'var';
25  changeValue() {
26    this.stateVar+='~'
27  }
28  build() {
29    Column(undefined) {
30      Text('Hello World').fontSize(20)
31      Button(this.message).backgroundColor('#3fc199')
32        .onClick((e: ClickEvent) => {
33          hilog.info(0x0000, 'testTag', 'On Click');
34          this.changeValue();
35        })
36      Text(this.stateVar).fontSize(20)
37      Child({stateVar: this.stateVar} as __Options_Child)
38    }
39  }
40}
41
42@Component
43struct Child {
44  @State stateVar: string = 'Child';
45  build() {
46    Text(this.stateVar).fontSize(50)
47  }
48}
49