الانتقال الى صفحة جديد من خلال checkbox flutter

1. ننشأ الصفحة الأولى للتطبيق

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext ctxt) {
    return new MaterialApp(
      home: new FirstScreen(),
    );
  }
}

يعد استخدام StatelessWidget منطقيًا هنا لأننا نريد الانتقال إلى شاشة أخرى كنتيجة لإجراء Checkbox بدلاً من إعادة رسم نفس الشاشة مرة أخرى.

2.  ننشأ الشاشة الثانية

class SecondScreen extends StatelessWidget {
  @override
  Widget build (BuildContext ctxt) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Multi Page Application Page-1"),
      ),
      body: new Text("Another Page...!!!!!!"),
    );
  }
}

لقد أنشأنا حتى الآن وحدتي واجهة مستخدمين يمثلان شاشتين منفصلتين ، ومع ذلك ، يجب عرض الشاشة الأولى فقط عند تحميل التطبيق. ما نرغب في القيام به الآن هو إضافة إجراء على مربع الاختيار FirstScreen بحيث يمكن عرض SecondScreen.

3.سنضيف إجراء تحميل الشاشة الثانية عند النقر فوق CheckBox

// استخدمنا هنا onChange function
onChanged: (bool newValue) {
  Navigator.push(
    ctxt,
    new MaterialPageRoute(builder: (ctxt) => new SecondScreen()),
  );
}

و للمزيد من التطبيقات حول الـ checkbox والتنقل بين الصفحات، عليك الإطلاع على هذا الموقع.

بإستعمال onChanged Listener على checkbox يمكنك أن تنقل المستعمل لصفحة تانية مثال:

onChanged: () {
Navigator.push(context,
MaterialPageRoute(builder: (context) => nextPage())),
}