/**

 * Copyright (c) 2024 Huawei Technologies Co., Ltd.

 *

 * This source code is licensed under the MIT license found in the

 * LICENSE-MIT file in the root directory of this source tree.

 */



import * as React from 'react';

import { Text, View, StyleSheet, Pressable } from 'react-native';//注入组件

// import { CustomNativeComponentTest } from './views/CustomNativeComponentTest.harmony';



const App = (): React.Node => {

  return (

    <View>

      <Pressable onPress={() => {

        console.log("Hello World~")

      }}>

        <View style={styles.textContainer}>

          <Text style={styles.title}>

            Hello World~

          </Text>

          <Text style={styles.content}>

            在 VSCode 的控制台上输入d，便可看到手机上弹出了React Native Dev Menu对话框。

            开发者可通过Element Inspector查看RN元素的盒子模型及样式。

          </Text>

        </View>

      </Pressable>



      {/* <CustomNativeComponentTest></CustomNativeComponentTest> */}

    </View>

  );

};



export default App;

const styles = StyleSheet.create({//创建样式

  textContainer: {

    backgroundColor: 'white',

    height: 400,

    justifyContent: 'center',

    padding: 20,

  },

  title: {

    fontWeight: 'bold',

    textAlign: 'left',

    fontSize: 40

  },

  content: {

    marginTop: 10,

    fontSize: 16,

    textAlign: 'left'

  }

});