MoistOverflow
/
Tali
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

back arrow calls dedicated funtion.

This commit is contained in:
moist-webDev 2023-06-08 21:08:11 -04:00
parent a22373f0c1
commit c8fba938d5
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/TitleBar.tsx
View File

@ -4,11 +4,17 @@ import { Link } from "react-router-native";
export default function TitleBar({ title='', theme={} , showBack="", setShowBack, setTitle }:any){ export default function TitleBar({ title='', theme={} , showBack="", setShowBack, setTitle }:any){
const st = style(theme); const st = style(theme);
const handleBack = () =>{
setTitle(showBack)
setShowBack("")
}
return ( return (
<View style={style(theme).container}> <View style={style(theme).container}>
{showBack ? <Link onPress={()=>{setTitle(showBack);setShowBack("")}} to={`/${showBack}`}><Text style={st.back}><Ionicons name="chevron-back" size={16} />{showBack}</Text></Link> : null} {showBack ? <Link onPress={handleBack} to={`/${showBack}`}><Text style={st.back}><Ionicons name="chevron-back" size={16} />{showBack}</Text></Link> : null}
<Text style={st.title}>{title}</Text> <Text style={st.title}>{title}</Text>
{showBack ? <Link><Text style={{...st.back, ...st.hidden}}><Ionicons name="chevron-back" size={16} />{showBack}</Text></Link> : null} {showBack ? <View><Text style={{...st.back, ...st.hidden}}><Ionicons name="chevron-back" size={16} />{showBack}</Text></View> : null}
</View> </View>
) )
} }