نحوه استفاده از Context Api

سلام و عرض ادب. وقت بخیر

چه جوری میشه با استفاده از context api یه متغیر سراسری در React Native تعریف کرد و در همه ی کامپوننت ها مقدارشو نمایش داد؟

طوری که بتونیم در هر یک از کامپوننت ها هر وقت خواستیم مقدار اون متغیر رو تغییر بدیم و این تغییر تو همون لحظه در همه ی کامپوننت ها اعمال بشه

مثلا الان اپلیکیشن فروشگاهی من چند تا تب داره. یکیش سبد خریده که باید یه عدد کنارش نمایش داده بشه.(شبیه اپلیکیشن دیجی کالا) این کار رو الان با متغیر گلوبال انجام دادم ولی وقتی مقدار سبد خرید تغییر میکنه این عدد تغییر نمیکنه مگر اینکه روی یک تب دیگه کلیک کنم تا تغییر اعمال بشه. برای پیاده سازی تب ها هم از React navigation bottom tab استفاده کردم

هم روش نمایشش رو لازمه که بدونم و هم نحوه تغییر مقدار رو. مثلا تو صفحه ی سبد خرید نیازی به نمایش مقدار ندارم. ولی اگر آیتمی از سبد خرید حذف بشه لازمه که مقدار موجود در context هم تغییر کنه. یا مثلا هنگام لودینگ اولیه نرم افزار نیازی به نمایش ندارم. ولی نیاز هست که مقدار سبد از جایی خونده بشه و در context قرار بگیره

ممنون میشم یا راهنمایی بفرمایید یا یک منبع خوب آموزشی معرفی کنید