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")