عمل مؤشر لتتبع الخطوات في فلاتر | flutter stepper

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

  @override
  State<GeeCoders> createState() => _GeeCodersState();
}

class _GeeCodersState extends State<GeeCoders> {
  int _steps = 0 ;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Padding(
        padding: const EdgeInsets.all(35.0),
        child: Center(
          child: Stepper(steps: [
            Step(title: Text('step 1'), content: Text('Geecoders')),
            Step(title: Text('step 2'), content: Text('Flutter')),
            Step(title: Text('step 3'), content: Text('Android Studio')),
          ],
          // orientation
          type:StepperType.vertical,
          onStepTapped: (int index){
            setState(() {
              _steps = index;
            });
          },
            currentStep: _steps,
            onStepContinue: (){
              if(_steps !=2) {
                setState(() {
                  _steps++;
                });
              }
            },
            onStepCancel: () {
            if (_steps == 0 ) {
              return;
            } else {
              setState(() {
                _steps--;
              });
            }
            },
          )
        ),
      ),
    );
  }
}

فيديو الشرح

• شرح كيفية الحصول على البيانات الاخبار من الapi بإستخدام DIO في Flutter
• شرح إنشاء تطبيق إخباري بأسخدام Apis في flutter بسهوله
• تصميم تطبيق BMI Calcoluter في Flutter مع الكود المصدر
• إضافة الDarkmode الى تطبيقك وحفظ التغيير في shared preferences بإستخدام Flutter
• كيفية حذف بيانات من Database بإستخدام Flutter عن طريق السحب
• حفظ بيانات الtoken و onBoarding في cacheHelper

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