تغییر آیکون اپلیکیشن در نسخه IOS

سلام دوستان.در این آموزش متنی قصد داریم یاد بگیریم چجوری آیکون اپلیکیشن رو در نسخه Ios تغییر بدیم.بصورت پیشفرض وقتی ما یک پروژه React Native ایجاد میکنیم.آیکون اپلیکیشین بصورت پیشفرض قرار داره.ولی هر برنامه باید آیکون منحصر به فرد خودش رو داشته باشه و معمولا اپلیکیشن ها با آیکونشون شناخته میشن.تغییر آیکون اپلیکیشن  در نسخه Android رو من قبلا در درس آخر دوره جامع بصورت کامل توضیح دادم که میتونید طبق اون آموزش برای تغییر آیکون اپلیکیشن در نسخه Android پیش برید.

آیکون مورد استفاده در این آموزش:

1.همونطور که مشاهده میکنید این آیکون در فتوشاپ طراحی شده برای استفاده در این آموزش.شما میتونید آیکون اپلیکیشن خودتون رو بر اساس نیازتون طراحی کنید و برای تست هم میتونید آیکون بالا رو دانلود و استفاده کنید.

2.بعد از ایجاد آیکون به وب سایت MakeAppIcon.com و با استفاده از ابزاری که در این وب سایت هست آیکون رو در اندازه های مختلف برای دیوایس های مختلف برای هر دو پلتفرم Android و Ios تولید کنید.بنابراین آیکون رو آپلود کنید و  در قالب یک فایل zip آیکون با سایزهای مختلف رو دانلود کنید.پوشه دانلود شده رو باز کنید و به مسیر ios -> AppIcon.appiconset برید.

3.به مسیر Your_React_Native_Project_Folder -> ios  برید و فایل Xcodeproj رو در Xcode باز کنید.

4.بعد از باز شدن موفقیت آمیز پروژه در Xcode بر روی Images.xcassets کلیک کنید.

5.حالا در یک پنجره جدید شما میتونید جاهای خالی اپلیکیشن رو با آیکون ها پر کنید.

به پوشه دانلود شده و مسیر ios ->  AppIcon.appiconset برید و بر اساس سایزهای مختلف با drag کردن آیکون ها رو مشخص کنید.

حالا شما باید پروژه خودتون رو در Xcode ذخیره کنید و نسخه قبلی برنامه رو از emulator پاک کنید و از دستور react–native run–ios در محیط CMD و دایرکتوری برنامه اجرا کنید.