How to Re-render Screen after leave Screen on React Native Navigation


Mungkin teman-teman bertanya-tanya, bagaimana cara me-render ulang sebuah screen di React Native setelah kita berpindah ke screen lain.

Berikut ini cara mudah yang bisa teman-teman tambahkan di dalam konfigurasi React Native Navigation.

Terima Kasih


React JS JavaScript React Native
SOLUTIONS

Berikut ini adalah beberapa solusi yang mungkin bisa membantu kamu.


Kita bisa dengan cara menambahkan unmountOnBlur: true, kurang lebih seperti berikut ini:

<Tab.Navigator
  screenOptions={{ unmountOnBlur: true }}
>
...
</Tab.Navigator>

Atau jika ingin menggunakan pada screen tertentu, kita bisa seperti berikut ini:

<Tab.Navigator>
  <Tab.Screen name="..." component={...} options={{ unmountOnBlur: true }} />
</Tab.Navigator>

Terima Kasih

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami