Javascript React native（反应本地）：如何设置每次按下的当前时间；可触摸不透明度“；？

如何在“TouchableOpacity”上设置每次按下的当前时间？ 我试着在中间的正方形内设置当前时间。 在我的示例中，我尝试获取当前时间并将其显示在中间的方框中，但我不知道如何进行。 我在示例中添加了一个图像：

函数NetuneyDigum（）{
返回(
时间是：
);
}

function NetuneyDigum() {
  return (
    <>
      <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',
              }}
            >
              THE TIME IS:
            </Text>
          </View>
          <View
            style={{
              width: 150,
              borderRadius: 5,
              borderColor: 'black',
              borderWidth: 2,
              left: 80,
            }}
          ></View>
          <TouchableOpacity
            // onPress={}
            style={{
              height: 60,
              width: 60,
              borderRadius: 5,
              borderColor: 'black',
              borderWidth: 2,
              alignItems: 'center',
              justifyContent: 'center',
              backgroundColor: 'red',
              left: 100,
            }}
          >
            <Icon name="md-time" size={50} color="black" />
          </TouchableOpacity>
        </View>
      </View>
    </>
  );
}