TaxControlApp/page/activity/loan/loan.js

import React, {Component} from 'react';
import {
  View,
  Text,
  SafeAreaView,
  ScrollView,
  Image,
  Dimensions,
  TouchableOpacity,
} from 'react-native';
import public_css from '../../../source/css/public_css';

export default class loan extends Component {
  constructor(props) {
    super(props);
    this.props.navigation.dangerouslyGetParent().setOptions({
      tabBarVisible: false,
    });
    this.state = {
      listData: [],
      showFoot: 0, // 控制foot， 0：隐藏footer  1：已加载完成,没有更多数据   2 ：显示加载中
      isLoading: false,
    };
  }

  render() {
    return (
      <SafeAreaView style={public_css.body}>
        <ScrollView>
          <View style={{alignItems: 'center'}}>
            <View>
              <Image
                style={{width: Dimensions.get('window').width, height: 360}}
                resizeMode={'stretch'}
                source={require('../../../source/img/homeImg/loan1.png')}
              />
            </View>
            <View
              style={{
                position: 'absolute',
                top: 330,
              }}>
              <TouchableOpacity
                style={{
                  height: 40,
                  width: 180,
                  backgroundColor: '#FFE95F',
                  justifyContent: 'center',
                  alignItems: 'center',
                  borderRadius: 64,
                  elevation: 20, // 适配android的
                  shadowOffset: {width: 0, height: 0},
                  shadowColor: 'black',
                  shadowOpacity: 0.15,
                  shadowRadius: 5,
                }}
                onPress={() => {
                  this.props.navigation.navigate('loan_apply');
                }}>
                <Text
                  style={{color: '#CD0014', fontSize: 16, fontWeight: 'bold'}}>
                  立即申请
                </Text>
              </TouchableOpacity>
            </View>
            <Image
              style={{width: Dimensions.get('window').width, height: 450}}
              resizeMode={'stretch'}
              source={require('../../../source/img/homeImg/loan2.png')}
            />
            <Image
              style={{width: Dimensions.get('window').width, height: 700}}
              resizeMode={'stretch'}
              source={require('../../../source/img/homeImg/loan3.png')}
            />
            <View
              style={{
                position: 'relative',
                top: -120,
                zIndex: 1,
              }}>
              <TouchableOpacity
                style={{
                  height: 40,
                  width: 180,
                  backgroundColor: '#FFE95F',
                  justifyContent: 'center',
                  alignItems: 'center',
                  borderRadius: 64,
                  elevation: 20, // 适配android的
                  shadowOffset: {width: 0, height: 0},
                  shadowColor: 'black',
                  shadowOpacity: 0.15,
                  shadowRadius: 5,
                }}
                onPress={() => {
                  this.props.navigation.navigate('loan_apply');
                }}>
                <Text
                  style={{color: '#CD0014', fontSize: 16, fontWeight: 'bold'}}>
                  立即申请
                </Text>
              </TouchableOpacity>
            </View>
          </View>
        </ScrollView>
      </SafeAreaView>
    );
  }
}