增加一个Button

App.js不动 到时候添加添加 import DuttonDemo from ’./ButtonDemo'

新建立一个ButtonDemo.js

 

import React, { Component } from 'react';
import { Button, View } from 'react-native';

export default class ButtonDemo extends Component{
    render() {
        return(
            <View style={{top:100}}>
                <Button title="click me"
                 color="blue"
                onPress={()=>{
                        console.log("Button");
                    }}
                disabled={false} />
            </View>

        );

    }


}

2.运行后的效果如图

后台日志为：

 

 

 

Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

Flutter 三方库 shutdown 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、透明、基于优先级分发的工业级应用退出治理与状态保存引擎

什么是 Shutdown？它是一个将“由于系统退出信号（Signal）”与“由于业务销毁回调（Handlers）”深度融合的任务中枢。由于由于。传统的。管理过程。由于由于销毁逻辑由于于由于不同由于由模块之间的耦合。同步由于由于由于。在 Flutter for OpenHarmony 的实际开发中，利用该库，我们可以实现由于由于鸿蒙应用对应的。生命周期包。管理过程。由于由于极致由于由于。它是构建“极

avatar 开源鸿蒙跨平台开发者社区

Flutter 三方库 flutterando_analysis 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、严谨、工业级的代码静态审计与工程质量守卫引擎

什么是 Flutterando Analysis？它不只是一个配置列表，而是一份“工程契约”。它由 Flutterando 社区总结，涵盖了从性能隐患探测到可维护性建议的上百条严苛规则。在 Flutter for OpenHarmony 的实际开发中，利用该库，我们可以让鸿蒙项目的每一行代码都符合“极致生产力”的标准。它是构建“极致整洁、合规可审计”鸿蒙应用后的核心效能内核。实现了从“原始源码（R

avatar 开源鸿蒙跨平台开发者社区

Flutter 三方库 jaguar 的鸿蒙化适配指南 - 在鸿蒙系统上构建极致、透明、全能的工业级嵌入式 HTTP 服务端框架与 REST API 交互引擎

什么是 Jaguar？它不是一个普通的 HTTP 监听器，而是一个专为“速度”与“扩展性”而生的全功能 Web Server 框架。它支持声明式路由（Decorated Routes）、高性能 JSON 序列化以及开箱即用的 Web 内容托管。在 Flutter for OpenHarmony 的实际开发中，利用该库，我们可以让鸿蒙应用以“零阻力”的方式启动一个微型后端。它是构建“极致连接、分布式

avatar 开源鸿蒙跨平台开发者社区