Is there a way to automatically display the current time when a user enters the page? I currently have code that only shows the current time when the TouchableOpacity is pressed, but I want it to update automatically as soon as the user arrives on the NetuneyDigum page.
function NetuneyDigum() {
const navigation = useNavigation();
const [currentTime, setCurrentTime] = useState('');
const [isSelected, setSelection] = useState(false);
const [selectedValue, setSelectedValue] = useState('1');
return (
<>
<KeyboardAwareScrollView
style={{ flex: 1, backgroundColor: '#cbced4', marginBottom: 50 }}
>
<View
style={{
flex: 1,
alignItems: 'center',
backgroundColor: '#cbced4',
}}
>
<View
style={{
paddingTop: 30,
flexDirection: 'row',
paddingRight: 180,
}}
>
<View
style={{
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center',
left: 58,
}}
>
<Text
style={{
fontWeight: 'bold',
fontSize: 18,
color: 'black',
}}
>
Current Time:
</Text>
</View>
<View
style={{
width: 150,
borderRadius: 5,
borderColor: 'black',
borderWidth: 2,
left: 80,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: 'white',
}}
>
<Text
style={{
fontWeight: 'bold',
fontSize: 20,
color: 'black',
}}
>
{currentTime}
</Text>
</View>
<TouchableOpacity
onPress={() => {
const time = moment().format('HH:mm');
setCurrentTime(time);
}}
style={{
height: 60,
width: 60,
borderRadius: 5,
borderColor: 'black',
borderWidth: 2,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#275d9f',
left: 100,
}}
>
<Icon size={40} color="white" name="time-outline" />
</TouchableOpacity>
</View>