Commit 7e64ce60 by Denglingling

1、增加【弹窗】的【错误提示】弹窗;2、完善【IOS】下筛选的布局

parent c96ed5be
import React, { Component } from 'react';
import {
View,
Text,
StyleSheet,
Modal,
TouchableOpacity
} from 'react-native';
import {
safe_view,
font_family_regular
} from '../../base/BaseStyle';
class ErrorTipModel extends Component {
constructor(props) {
super(props);
this.state = {
isVisible: false
}
}
componentWillReceiveProps(nextProps) {
let that = this
if(this.state.isVisible != nextProps.show) {
this.setState({
isVisible: nextProps.show
}, () => {
setTimeout(() => {
that.closeModal()
}, 1000)
})
}
}
closeModal() {
this.setState({
isVisible: false
})
this.props.closeModal(false)
}
renderDialog() {
let { title } = this.props
return(
<View style={styles.dia_inner}>
<View style={styles.dia_box}>
<Text style={styles.main_txt}>
{title}
</Text>
</View>
</View>
)
}
render() {
return (
<View style={styles.dia_container}>
<Modal
transparent={true}
visible={this.state.isVisible}
animationType={'fade'}
>
<View style={safe_view}>
<TouchableOpacity style={styles.container} activeOpacity={1}>
{this.renderDialog()}
</TouchableOpacity>
</View>
</Modal>
</View>
);
}
}
const styles = StyleSheet.create({
dia_container: {
flex: 1
},
container: {
flex: 1
},
dia_inner: {
position: 'relative',
flex: 1
},
dia_box: {
position: 'absolute',
left: 20,
top: '52%',
right: 20,
flex: 1,
alignItems: 'center'
},
main_txt: {
fontSize: 14,
fontFamily: font_family_regular,
color: '#fafafa',
backgroundColor: '#3d3e3d',
paddingHorizontal: 10,
textAlign: 'center'
},
})
export default ErrorTipModel;
......@@ -5,9 +5,7 @@ import {
StyleSheet,
Modal,
TouchableOpacity,
Image,
SafeAreaView,
ScrollView
Image
} from 'react-native';
import {
Width,
......@@ -16,7 +14,6 @@ import {
pxSize,
safe_view,
icon_style,
font_family_medium,
font_family_semibold
} from '../../base/BaseStyle';
......@@ -97,7 +94,6 @@ const styles = StyleSheet.create({
},
opt_area: {
flex: 1,
// flexDirection: 'column',
justifyContent: 'center',
position: 'relative'
},
......@@ -109,8 +105,6 @@ const styles = StyleSheet.create({
flex: 1,
flexDirection: "column",
backgroundColor: '#ffffff',
// borderTopLeftRadius: 20,
// borderTopRightRadius: 20,
minHeight: pxHeight(380),
maxHeight: pxHeight(480),
borderRadius: 20,
......@@ -134,14 +128,8 @@ const styles = StyleSheet.create({
width: pxSize(28),
height: pxSize(28)
},
// clo_icon: {
// width: '100%',
// height: '100%'
// },
model_cont: {
paddingTop: 20,
// height: pxHeight(220),
// flex: 1
paddingTop: 20
},
})
......
......@@ -16,12 +16,10 @@ import {
first_text_color,
font_family_regular,
pxSize,
title_text_color,
promary_text_color,
font_family_medium,
third_text_color,
second_text_size,
pxHeight,
Height,
} from '../../base/BaseStyle';
import LodingModel from '../common/LodingModel';
......@@ -556,7 +554,7 @@ const styles = StyleSheet.create({
cont_main: {
backgroundColor: foundation_color,
maxHeight: Height() - 258,
maxHeight: Height() - 300,
minHeight: Height() - 358,
paddingBottom: 10
},
......
......@@ -35,7 +35,6 @@ class TabBottomItem extends Component {
// 返回每一个tab
renderTabOption(tab, i) {
const color = this.props.activeTab == i ? "#6B8E23" : "#ADADAD"; // 判断i是否是当前选中的tab,设置不同的颜色
console.log('props.activeTab---', tab, i)
let {props} = this
return(
<TouchableOpacity
......@@ -88,9 +87,7 @@ const styles = StyleSheet.create({
shadowOpacity: 1,
elevation: 10,
},
tab_opt: {
// backgroundColor: 'red'
},
tab_opt: {},
tab_item_box: {
alignItems: 'center',
paddingVertical: 10,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment