عودة
بعض الحيل والافكار فى flutter

بعض الحيل والافكار فى flutter

بعض الاكواد والحيل البسيطه التي اكيد رح تستخدمها فى مشاريعك القادمه لكي تسهل عليك العمل فى flutter وان شاء الله رح تفيدكم

اقدم لكم اليوم بعض الاكواد التي البسيطه لكي تستخدمها فى تطبيقاتك

فى بعض الاحيان نحتاج بعض المهام او الاوامر فى التطبيق لكي نخفي شيئ او نقوم باظهار شيئ في وقت معين ونبحث عنها وفى الغالب لن نجدها وفى هذا المقال اقدم لكم بعض الاكواد البسيطه لكي تسخدمها فى تطبيقات المبنيه على
flutter

استبعاد لوحة المفاتيح

لاستبعاد لوحة المفاتيح علينا ان نقوم بضبط التركيز فى مكان مختلف وفى المثال التالي سنقوم باستخدام “Gesture Detector”

dismissKeyboard(BuildContext context) {
   FocusScope.of(context).requestFocus(new FocusNode());
 }

 Widget body1() {
   return GestureDetector(
     behavior: HitTestBehavior.opaque,
     onTap: () {
       _dismissKeyboard(context);
     },
     child: Container(
       color: Colors.white,
       child: Column(
         children: <Widget>[
           TextField(),
         ],
       ),
     ),
   );
 }

“container” بشكل دائري

Widget body4() {
    return Container(
      height: 40.0,
      padding: EdgeInsets.all(20.0),
      margin: EdgeInsets.all(30.0),
      decoration: BoxDecoration(
        color: Colors.green,
        borderRadius: BorderRadius.all(
          Radius.circular(5.0),
        ),
      ),
    );
  }

فاصل فى “ListView” المخصصه

Widget body8() {
   return ListView.separated(
     separatorBuilder: (context, index) => Divider(
           color: Colors.black,
         ),
     itemCount: 20,
     itemBuilder: (context, index) => Padding(
           padding: EdgeInsets.all(8.0),
           child: Center(child: Text("Index $index")),
         ),
   );
 }

مؤقت Timer

void periodic() {
  Timer.periodic(
    Duration(seconds: 1),
    (Timer time) {
    print("time: ${time.tick}");
    if (time.tick == 5) {
        time.cancel();
        print('Timer Cancelled');
    }
   },
  );
}

معرفة نوع الجهاز

طريقتان للحصول على نوع الجهاز، تقوم بتشغيل التطبيق حاليا على…

void getDevice() {
    bool ios = Platform.isAndroid;
    print('iOS1: $ios');
    bool isIOS = Theme.of(context).platform == TargetPlatform.iOS;
    print('iOS2: $isIOS');
}

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

اخر تحديث فى Dec 20, 2020