Text style={styles.sectionTitle}>3. 自定义按钮（TouchableOpacity）</Text><Text style={styles.customBtnText}>点击触发加载 & 弹窗</Text></View>结构作用。

这部分是 RN 的「样式表」，相当于网页的 CSS，用于定义组件的外观、布局、间距等。// 样式对象：key 是样式名称（后续通过 styles.xxx 引用），value 是具体样式属性flex: 1, // 核心布局属性：占满父容器的全部可用空间（这里占满屏幕）backgroundColor: '#f5f5f5', // 背景颜色padding: 20, // 内边距（上下左右都留 20 像素

/ 1. 处理开关状态变化（Switch组件的回调方法）// 接收Switch组件传递的新状态（true/false），更新isSwitchEnabled状态// 2. 处理自定义按钮点击（TouchableOpacity的点击回调）// 第一步：弹出系统提示框（标题+内容）Alert.alert('提示', '自定义按钮被点击啦！');// 第二步：设置加载状态为true（显示loading）/

上个文章中我们已经准备好了react-nativ和OpenHarmony的开发环境，现在正式开始进行我们第一个项目的开发。

这是 RN 中管理「可变数据」的基础方式，叫做「状态钩子」。通俗理解：创建了一个「数据容器」inputValue，和一个「修改这个容器数据的工具」。中的''是这个数据的「初始值」（初始时输入框为空字符串）。作用：存储TextInput（输入框）中用户输入的内容，当输入框内容变化时，inputValue会同步更新，反之亦然（这叫做「数据绑定」）。

在模拟器启动工程，遇到了一个很棘手的错误，报错如下：Reason:ErrorError name:ErrorError message:Couldn't create bindings between ETS and CPP. libRNOHApp is undefined.Stacktrace:at RNOHError @rnoh/react-native-openharmony (oh_mod

首先进入项目目录，打开powershell或者终端，卸载已安装的高版本react-native-oh/react-native-harmony。因此只能重新新建一个DevEco Studio项目，并使用以下代码安装合适版本的rnoh/react-native-openharmony依赖。但是当我将新的bundle覆盖到我的项目目录下，并更新了项目的rnoh/react-native-openhar

解决从零学习RN for OpenHarmony踩坑日记（四）中的问题后，又出现了其他问题，在此进行记录。

打开DevEco Studio，点击，选择创建工程，如图所示：点击Next按钮，创建一个名为 “MyApplication” 的项目。

鸿蒙现在发展得越来越快，设备多、需求也多，是个不错的技术风口。对程序员个人来说，多掌握一门能对接鸿蒙生态的技术，不管是找工作还是做项目，选择都能更多一点，也算给自己的职业竞争力加个 buff。因此我决定在业余时间学习RN for OpenHarmony的开发，并记录笔记方便以后自己翻阅，同时也希望能帮助到其他一起学习RN for OpenHarmony的朋友。