شارك المقالة

تغيير شكل ايقونات التطبيق الى اشكال جميلة بدون مكتبه في Flutter iconsax

 


تغيير شكل ايقونات التطبيق الى اشكال جميلة بدون مكتبه في Flutter iconsax

كما نعلم ان الايقونات لها تاثير كبير جدا في شكل تطبيقك ولهذا عليك دائما بان تقوم بالاهتمام بالايقونات التي تقوم بإختيارها في تطبيقك الذي تعمل عليه ونحن في موقعنا نحاول تقديم لكم دائما احدث الايقونات والاضافات التي تساعدك بشكل كبير في تحسين مظهر تطبيقك وتحسين الاداء وقد سبق وشاركنا معكم الكثير من الايقونات التي تحسن من تطبيقك وما زلنا نقدم لكم ايقونات وفي هذا المقال نشارك معكم مجموعه من الايقونات الجميله التي يمكنك استعاملها في تطبيقك بسهوله كل ما عليك هو تحميل ملف الاكواد التي توجد بداخل التطبيق .


تعتبر تطبيقات الهاتف المحمول حاسمة في هذه الظاهرة حيث تتوسع الرقمنة بسرعة. قد يجد المستهلكون حلولًا لكل ما يحتاجون إليه ، من الخدمات المصرفية عبر الهاتف المحمول إلى التسوق. تتطلب كل شركة تطبيقًا لخدماتها ، و iOS و Android هما النظامان الأساسيان اللذان يمكن للشركات عرض تطبيقاتها فيهما. تنفق الشركات الكثير من الأموال لتوظيف مطورين متخصصين لإنشاء تطبيقاتهم. والآن المعركة بين تطوير تطبيق React Native و Flutter على وشك أن تبدأ! كل علامة تجارية بحاجة ماسة إلى تطوير تطبيقات الهاتف المحمول. 6.64 مليار شخص ، أو 84 في المائة من سكان العالم ، سيستخدمون الهواتف المحمولة اعتبارًا من مارس 2022 ، وفقًا لتقرير. هذا يعني أن الأعمال التجارية لديها إمكانات غير محدودة. بالتالي،



How to change icons flutter to iconsax


بعد تحميل الاكواد الخاصه بالايقونات من الجزء العلوي وايضا الخط الذي يحتوي على الاشكال يمكنك استخدام الكود التالي لتنفيذ عملية عرض الايقونات في تطبيقك وذلك يكون عن طريق استدعاء اسم الclass الذي يحتوي على اسماء الايقونات وبعدها اختر الايقونه التي تريد عرضها .


How to change icons flutter to iconsax

iconsax.dart


import 'package:flutter/material.dart';
import 'package:tfluttert/constants/iconsax_icons.dart';

const _labelStyle = TextStyle(fontWeight: FontWeight.w600);

class PagePage extends StatefulWidget {
  PagePage({Key? key}) : super(key: key);

  @override
  State<PagePage> createState() => _PagePageState();
}

class _PagePageState extends State<PagePage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Padding(
          padding: EdgeInsets.all(20),
          child: Wrap(
            spacing: 3.0,
            children: const [
              Icon(Iconsax.activity4, size: 50.0),
              Icon(Iconsax.airpod5, size: 50.0),
              Icon(Iconsax.align_right, size: 50.0),
              Icon(Iconsax.home, size: 50.0),
              Icon(Iconsax.home1, size: 50.0),
              Icon(Iconsax.home_11, size: 50.0),
              Icon(Iconsax.home_25, size: 50.0),
              Icon(Iconsax.home_24, size: 50.0),
              Icon(Iconsax.notification, size: 50.0),
              Icon(Iconsax.notification5, size: 50.0),
              Icon(Iconsax.notification_15, size: 50.0),
              Icon(Iconsax.notification_bing4, size: 50.0),
              Icon(Iconsax.user, size: 50.0),
              Icon(Iconsax.user_cirlce_add, size: 50.0),
              Icon(Iconsax.user_octagon1, size: 50.0),
              Icon(Iconsax.category, size: 50.0),
              Icon(Iconsax.chart, size: 50.0),
              Icon(Iconsax.chart_214, size: 50.0),
            ],
          ),
        ),
      ),
    );
  }

}


او يمكنك استخدام المكتبة الخاصه بالايقونات واستخدامها في تطبيقك بدون مشاكل 


مكتبة بها الايقونات المذكوره


android sdk manager تحميل flutter developers applications create app android android studio mac


شاهد أيضًا
مقالات ذات صلة
كود برنامج بلغة البايثون يقوم بتوليد ارقام عشوائية وجمعها – python code

كود برنامج بلغة البايثون يقوم بتوليد ارقام عشوائية وجمعها متابعي موقع ومدونة جي كودرس –…

تصميم image swipe لتحريك الصورة في اي مكان على الشاشه وارجعها لمكانها الاصلي Flutter

تصميم imagw swipe لتحريك الصورة في اي مكان على الشاشه وارجعها لمكانها الاصلي اذا كنت…

حل مشكلة عدم القدرة على رفع مشاريع الgithub وظهور مشكلة Invocation failed Unexpected

حل مشكلة عدم القدرة على رفع مشاريع الgithub وظهور مشكلة Invocation failed Unexpected ظهرت في…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع