react native Clipboard复制粘贴

最新推荐文章于 2024-08-22 08:36:07 发布

kingrome2009

最新推荐文章于 2024-08-22 08:36:07 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： React Native React编写原生应用

本文链接：https://blog.youkuaiyun.com/kingrome2017/article/details/79951084

本文介绍了如何在React Native应用程序中使用Clipboard模块进行复制和粘贴操作，并详细讨论了处理复制成功后的用户提示技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

React Native 版本执行0.57的规则

Clipboard应用，以及复制成功提示的特殊处理


import React, {
   
    Component } from 'react';
import {
   
    StyleSheet, Text, View, Clipboard, ScrollView, Image, ImageBackground, TouchableOpacity, StatusBar } from 'react-native';
import Nav from '../../components/Nav';
import {
   
    requestUrl } from '../../network/Url';// 请求url
import Fetch from '../../network/Fetch';
import Px2dp from '../../utils/Px2dp';
import Colors from '../../utils/Colors';
import Loading from '../../components/Loading'; // 加载层
import * as Public from '../../utils/Public';

export default class MyRedeemCode extends Component {
   
   
    constructor(props) {
   
   
        super(props);
        this.state = {
   
   
            isLoading: false,
            list: [], //未兑换数据
            onList: [], //已兑换数据
        }
    }
    componentDidMount() {
   
   
        this._getRedeemCode() //获取用户兑换码
    }
    render() {
   
   
        const {
   
    goBack } = this.props.navigation;
        return (
            <View style={
   
   styles.container}>
                <StatusBar
                    animated={
   
   true}//是否动画
                    hidden={
   
   false}//是否隐藏
                    backgroundColor={
   
   '#000'}//android 设置状态栏背景颜色
                    translucent={
   
   false}//android 设置状态栏是否为透明
                    showHideTransition="fade"//IOS状态栏改变时动画 fade:默认 slide
                    networkActivityIndicatorVisible={
   
   this.state.isLoading}//IOS设定网络活动指示器(就是那个菊花)是否显示在状态栏。
                    statusBarStyle={
   
   "default"}//状态栏样式 default	默认（IOS为白底黑字、Android为黑底白字）
                    barStyle={
   
   "default"}// 状态栏文本的颜色。
                />
                <Nav title={
   
   "兑换码"} leftClick={
   
   () => {
   
    goBack() }} />
                <ScrollView style={
   
   {
   
    paddingTop: Px2dp(20) }}>
                    {
   
   /* 未兑换 */}
                    {
   
   
                        this.state.list.map((item, index) => {
   
   
                            return (
                                <ImageBackground key={
   
   index} style={
   
   styles.commonCode} source={
   
   require("../../images/discount_on.png")