BackButton.js 1.01 KB
import React from "react"
import {View, StyleSheet, Text, Image, TouchableOpacity, NativeModules} from "react-native"
const styles = StyleSheet.create({
	container: {
		width:100,
		flexDirection:'row'
	},
	img:{
		height:18,
		width:18,
		marginLeft:15,
	}
})
export default class BackButton extends React.Component {
	render() {
		const {navigation,home,backKey}=this.props
		return (
			<View style={styles.container}>
			<TouchableOpacity onPress={()=>{home?NativeModules.system.navTo("BACK"):navigation.goBack(backKey)}} style={{width:40,paddingRight:10}}>
				<Image style={styles.img} resizeMode={"contain"} source={require("./imgs/back.png")}/>
			</TouchableOpacity>
				{!home&&<TouchableOpacity onPress={()=>NativeModules.system.navTo("BACK")} style={{paddingLeft:20}}>
					<Image resizeMode={"contain"} style={styles.shutIcon} source={require("./imgs/shut1.png")}/>
				</TouchableOpacity>}
			</View>

		)
	}
}
export class AndroidView extends React.Component{
	render(){
		return <View style={styles.container}/>
	}
}