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}/>
}
}