React Native Fetch "Network Request Failed" Hatası

React native uygulamanızda http request talebinde bulunduğunuzda eğer erişmeye çalıştığınız kaynak https:// değil ise muhtemelen "fetch" komutunu çağırdığınızda "Network Request Failed" yazan kırmızı bir sayfa ile karşılaşacaksınız.

İlgili hatayı gidermek için eriştiğini http servisinin güvenilir olduğunu android yada ios config dosyanızda belirtmeniz gerekiyor.

Ben bu hatayı ios da almıştım o yüzden ios çözümünü belirtiyor olacağım.

IOS Çözüm :
Aşağıdaki dosya yolundaki info.plist dosyasını açalım.

Dosya yolu : ios/{projeadı}/Info.plist

</dict> kısmının hemen öncesine aşağıdaki kodu ekleyin

<key>NSExceptionDomains</key>
    <dict>
      <key>api.tatatahsilat.com</key>
      <dict>
        <key>NSIncludesSubdomains</key>
        <true/>
        <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
        <true/>
        <key>NSTemporaryExceptionMinimumTLSVersion</key>
        <string>TLSv1.1</string>
      </dict>
    </dict>
    <key>NSAppTransportSecurity</key>
    <dict>
      <key>NSAllowsArbitraryLoads</key>
      <true/>
    </dict>

Kaydedip tekrar konsol dan react-native run-ios demeniz yada açık olan similatörünüzün ekranında cmd + R yapmanız ve ekranı yenilemeniz yeterli.