Dynamically Add/Remove Widget to list in Flutter onTap

Question

Just starting to learn Flutter and working thru a course and made a simple dice roller. Now as a challenge to myself Im trying to upgrade the dice roller to add different types of dice. I currently have a list of custom dice class in my Stateful widget

List<Dice> dice = [];

This is my dice class

class Dice extends StatelessWidget {
  Dice({@required this.diceType, @required this.onPress});

  final int diceType;
  final Function onPress;

  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: onPress,
      child: Stack(
        alignment: Alignment.center,
        children: <Widget>[
          Image.asset('images/d${diceType}_blank.png'),
          Text(diceType.toString()),
        ],
      ),
    );
  }
}

I have a row of icons (using the Dice class) that will add a dice to the dice list like this:

Expanded(
  child: Dice(
    diceType: 4,
    onPress: () {
      setState(() {
        dice.add(Dice(
          diceType: 4,
          onPress: () {
            print('Tapped');
            setState(() {
              //What to put here to remove from dice list
            });
          },
        ));
      });
    },
  ),
)

The comment in the setState is what I cant seem to find. I know I need to do something with dice.remove() but not sure how to reference the Expanded widget to pass it in as an object for the remove function.

Kahou · Accepted Answer · 2020-03-08 06:29:44Z

1

Remove a element at position [index] from a list.

final index = dice.length;

dice.add(
  Dice(
    diceType: 4,
    onPress: () {
      print('Tapped');
      setState(() {
        dice.removeAt(index);
      });
    },
  ),
);

answered Mar 8, 2020 at 6:29

Kahou

3,5181 gold badge16 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamically Add/Remove Widget to list in Flutter onTap

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related