How to use

Icon

in

react-native-ionicons

export function IconButton({name, style, onPress}) {
 const {colors} = useTheme();
 return (
  <TouchableOpacity style={[styles.container, style]} onPress={onPress}>
   <Icon name={name} color={colors.primary} />
  </TouchableOpacity>
 );
}

const List = ({ item, index }) => (
  <View style={{ flexDirection: 'row', flex: 1 }}>
   <Text style={[styles.item, { flex: 2.5, borderRightWidth: 0.5 }]}>{item.date}</Text>
   <Text style={[styles.item, { flex: 2, borderRightWidth: 0.5 }]}>{item.income}</Text>
   <Text style={[styles.item,
    { flex: 2, borderRightWidth: 0.5 }]}
   >
    {item.expense}
   </Text>
   <Text style={[styles.item,
    {
     flex: 2,
     borderRightWidth: 0.5,
     backgroundColor: item.diff === 0 ? '#fff' : item.diff > 0 ? '#aaffc0' : '#d78993',
    }]}
   >
    {item.diff}
   </Text>
   <TouchableOpacity
    style={[styles.item, { flex: 1.5, alignItems: 'center' }]}
    onPress={() => openDetailScreen(index)}
   >
    <Icon name="arrow-dropright-circle" style={{ fontSize: 18 }} />
   </TouchableOpacity>
  </View>
 )

  onPress={() => deleteIncomeExpense(data.id)}
  <Icon name="trash" style={{ fontSize: 18 }} />
 </TouchableOpacity>
</View>