ویجت 16 (IndexedStack در فلاتر)

خوب دوستان عزیز بریم سراغ یکی از ویجت های جذاااااب فلاتر یعنی IndexedStack

گاهی نیاز داریم که بین ویجت ها در یک صفحه جابه جا شویم خوب اگر حرف از این کار شد پس این ویجت باید خودش را نشون بده

به شکل زیر دقت کنید

کد خروجی بالا

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int i = 2;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: &quotIndexedStack Example&quot,
      home: Scaffold(
        appBar: AppBar(title: Text(&quotIndexedStack Example&quot)),
        body: Column(
          children: <Widget>[
            Expanded(
              child: IndexedStack(
                index: i,
                children: <Widget>[
                  Container(color: Colors.red,),
                  Container(color: Colors.green),
                  Container(color: Colors.blue),
                ],
              ),
            ),
            RaisedButton(
              onPressed: () {
                setState(() {
                  if(i < 2){
                     i++; 
                  } else{
                    i = 0;
                  }
                });
              },
              child: Text('Show Next Widget'),
            )
          ],
        ),
      ),
    );
  }
}

کد بالا براحتی قابل فهم است بچه ها را به این ویجت می دهیم و برای هر کدام عملیاتی جداگانه مشخص میکنیم که در این مثال از ویجت Container با سه رنگ متفاوت استفاده می کنیم و سپس در کلیک RaisedButton با استفاده از تغییر i که به ویجت مورد نظر داده ایم بچه های ان را تغییر می دهیم

به همین سادگی به همین خوشمزگی.

اگر مطلب براتون مفید بوده لینک ان را برای دوستانتان در شبکه های اجتماعی بفرستید تا ان ها هم بتوانند استفاده کنند و به دوستداران فلاتر روز به روز افزوده شود?

روز های زیبا و جذاااااااااااااااااابی داشته باشید قلب یادتون نره :)

نوشته شده توسط پژمان حاجی حیدری یک دوستدار برنامه نویسی

ایدی کانال برای دسترسی به تمام اموزش ها @Learnpg

لینک کانال https://t.me/joinchat/AAAAAFDR-mppe-ciC6X1Qg

ایدی تلگرام بنده @pejmanprogrammer