स्पंदन में एकाधिक पंक्ति बटन चयनित हो जाता है

एक वर्ग बनाएं ButtonColor जो एक विशिष्ट बटन के पाठ और रंग का प्रबंधन करेगा जैसे:

class ButtonColor {
  Color color;
  String text;

  ButtonColor(this.color, this.text);
}

फिर, बटनों की एक सूची बनाएं और उन्हें column पर भेज दें।

पूर्ण उदाहरण:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Home(),
    );
  }
}

class ButtonColor {
  Color color;
  String text;

  ButtonColor(this.color, this.text);
}

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  Widget buttons(ButtonColor s1, ButtonColor s2) {
    return Column(
      children: [
        FlatButton(
          key: ValueKey(s1),
          minWidth: 30.0,
          color: s1.color,
          child: Text(s1.text),
          onPressed: () {
            setState(() {
              s1.color = Colors.green;
            });
          },
        ),
        FlatButton(
          key: ValueKey(s2),
          minWidth: 30.0,
          color: s2.color,
          child: Text(s2.text),
          onPressed: () {
            setState(() {
              s2.color = Colors.yellow;
            });
          },
        )
      ],
    );
  }

  List<ButtonColor> _buttonList = [
    ButtonColor(Colors.red, 'a'),
    ButtonColor(Colors.blue, 'b'),
    ButtonColor(Colors.red, 'c'),
    ButtonColor(Colors.blue, 'd'),
    ButtonColor(Colors.red, 'e'),
    ButtonColor(Colors.blue, 'f'),
    ButtonColor(Colors.red, 'g'),
    ButtonColor(Colors.blue, 'h'),
    ButtonColor(Colors.red, 'i'),
    ButtonColor(Colors.blue, 'j'),
    ButtonColor(Colors.red, 'k'),
    ButtonColor(Colors.blue, 'l'),
  ];

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Row(
        children: [
          buttons(_buttonList[0], _buttonList[1]),
          buttons(_buttonList[2], _buttonList[3]),
          buttons(_buttonList[4], _buttonList[5]),
          buttons(_buttonList[6], _buttonList[7]),
          buttons(_buttonList[8], _buttonList[9]),
          buttons(_buttonList[10], _buttonList[11]),
        ],
      ),
    );
  }
}