React Native之Clipboard 复制文本

关注

原创最新推荐文章于 2026-09-02 12:53:52 发布 1k 阅读 AI 写同款· GEO 优化 ›

react native Clipboard复制粘贴北京的朋友出行一般都会用到易通行方便快捷里面的线路图怎么实现的实现起来难不难实在把我问蒙蔽了！直到我看到这个，比格的技术的瞬间爆裂了，无声的爆裂了高德开放平台地铁图 JS API是一套简单易用的移动端地铁线路图开发接口，用户可以通过该API开发出具有地铁线路展示、路线查询、站点标注以及路线规划功能的地铁图移动端H5页面。高德开放平台地铁图 JS API ... 阅读详情

import React, { Component } from 'react';
import {
  Text,
  Clipboard,
  View,
  TouchableOpacity,
} from 'react-native';


export default class CopyContent extends Component {

  constructor(props) {
    super(props);
    this.state = {
      copyStr: '我是复制内容'
    }
  }

  async copyContent() {
    const { copyStr } = this.state;
    Clipboard.setString(copyStr);
    let str = await Clipboard.getString();
    console.warn(str);
  }

  render() {
    const { copyStr } = this.state;
    return (
      <View>
        <Text style={{ fontSize: 26 }}>{copyStr} </Text>
        <TouchableOpacity
            onPress={this.copyContent.bind(this)}
          >
        <Text style={{ fontSize: 26 }}>复制 </Text>
        </TouchableOpacity>
      </View>
    );
  }
}

练习项目

收录于