123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- 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>
- );
- }
- }
|