Bu hata, React hooks'lerini düzgün kullanmadığınızı ve beklenen sayıda hooks çağrısını gerçekleştirmediğinizi gösterir. React hooks, bileşenin işlevsel bir bileşen olarak tanımlanmasına ve durumunun yönetilmesine olanak tanır. Bu durum, useState ve useEffect gibi hooks fonksiyonları aracılığıyla gerçekleştirilir.

Hatanın nedeni, gizleGoster fonksiyonunun işlevsel bir bileşen olarak tanımlanmasına rağmen, hooks fonksiyonlarını doğru bir şekilde kullanmamanızdır. gizleGoster işlevindeki useEffect hooks fonksiyonu, hooks'u kullanırken dikkat edilmesi gereken kurallara uygun şekilde kullanılmamış gibi görünüyor.

Bu şekilde, hooks fonksiyonlarını doğru bir şekilde kullanarak hata mesajını çözebilirsiniz.

import React, { useState, useEffect } from 'react';
import { SafeAreaView, Button,View, Text  } from 'react-native';

function GizleGoster() {
  useEffect(() => {
    console.log("Başladı bitti");
    // İşlevinizi buraya yerleştirin
    return () => {
      console.log("bitti");
      // Component kaldırıldığında yapılacak temizleme işlemleri
    };
  }, []);

  return (
    <View>
      <Text>Ben İlhan Söylemez</Text>
    </View>
  );
}

function App() {
  const [goster, setGoster] = useState(true);

  function gizleme() {
    setGoster(!goster);
  }

  return (
    <SafeAreaView>
      <Button title='Arttır' onPress={gizleme} />
      {goster && <GizleGoster />}
    </SafeAreaView>
  );
}

export default App;