App/Pages/Home11.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    TouchableOpacity,
    Image,
    ScrollView,
    ListView,
    PixelRatio,
    Platform
} from 'react-native';
import Common from '../Commom/constants';

export default class Home11 extends Component {
    constructor(props) {
        super(props);
        // console.log(props)

    }
    render() {
        let imageHeight= this.props.module.moduleHeight / 2 ;
        let imageWidth = this.props.module.moduleWidth / 2;

        // console.log('imageHeight====>' + imageHeight);
        return (

            <View style={{flexDirection: 'column', alignItems: 'stretch', justifyContent: 'center',backgroundColor: 'rgb(240, 240, 240)'}}>
                <View style={{ alignItems: 'center',flexDirection: 'row', backgroundColor: 'rgb(240, 240, 240)', height: this.props.module.moduleTitle !== '' ? 30 : 0 }}>
                    <View style={{backgroundColor:'red',width:5,height: this.props.module.moduleTitle !== '' ? 20 : 0}}>
                    </View>
                    <Text style={{marginLeft:10,fontSize:15 }}>{this.props.module.moduleTitle}</Text>
                </View>
                <TouchableOpacity
                    activeOpacity={0.75}
                    onPress={()=>{alert('我是11')} }
                    style={{ alignItems: 'center' }}
                    >

                    <Image
                        source={{ uri: this.props.module.moduleDetail[0].image }}
                        style={{ width: Common.window.width , height: Common.window.width *imageHeight/ imageWidth}}
                        />
                </TouchableOpacity>

            </View>

        );
    }
}