CategoryPickerItem has to click twice

In the CategoryPickerItem component I have to to click a category item twice when Title or Price have been entered first. If I pick a Category then I only need to click once in the category item.

CategoryPickerItem.js:

import React from "react";
import { StyleSheet, View, TouchableOpacity } from "react-native";
import Text from "./Text";
import Icon from "./Icon";

function CategoryPickerItem({ item, onPress }) {
  return (
    <View style={styles.container}>
      <TouchableOpacity onPress={onPress}>
        <Icon
          backgroundColor={item.backgroundColor}
          name={item.icon}
          size={80}
        />
      </TouchableOpacity>
      <Text style={styles.label}>{item.label}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    paddingHorizontal: 30,
    paddingVertical: 15,
    alignItems: "center",
    width: "33%",
  },
  label: {
    marginTop: 5,
    textAlign: "center",
  },
});

export default CategoryPickerItem;

i have entry field and some pickers , The picker is a custom picker . When i enter some text into the entry field then click on the picker … Picker has function prop “onValueChange” as per expectation it should work like click event, when clicker counter ever someone select value, but i found this …
To handle double click events in a React component, we can use the regular click event handler and check how many clicks are done with the …