Estou fazendo um curso de Flutter na Udemy. Atualmente, estamos construindo nosso próprio widget com este código:
class ReusableCard extends StatelessWidget {
const ReusableCard(
{super.key,
required this.colour,
this.cardChild = const Placeholder(),
required this.onPress});
final Color colour;
final Widget cardChild;
final Function? onPress;
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: onPress!(),
child: Container(
margin: const EdgeInsets.all(15),
decoration: BoxDecoration(
color: colour,
borderRadius: BorderRadius.circular(10),
),
child: cardChild,
),
);
}
}
A ideia para este widget é atualmente implementar uma função, onde o fundo é marcado com outra cor (ou seja, o cartão está 'selecionado') quando o usuário clica nele (ou seja, toca no GestureDetector).
Agora, quando eu uso este widget de uma StatefulWidgetforma como esta
class _InputPageState extends State<InputPage> {
Gender? selectedGender;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('BMI CALCULATOR'),
),
body: Column(
children: [
Expanded(
child: Row(
children: [
Expanded(
child: ReusableCard(
colour: selectedGender == Gender.male
? activeCardBackground
: inactiveCardBackground,
cardChild: const ChooseGender(
icon: FontAwesomeIcons.mars,
text: 'MALE',
),
onPress: () => setState(() {
selectedGender = Gender.female;
}),
),
),
// ...
]),
),
// ...
],
),
);
}
}
Recebo a mensagem de erro: setState() or markNeedsBuild() called during build.. Isso acontece se eu usar a função onPressdo widget criado personalizado ReusableCard.
Quando mudo o código onde utilizo o ReusableCardwidget para algo assim (ou seja, faço um GestureDetectorem torno de a ReusableCarde uso a função onTap), a função funciona sem problemas.
Expanded(
child: GestureDetector(
onTap: () => setState(() {
selectedGender = Gender.male;
}),
child: ReusableCard(
colour: selectedGender == Gender.male
? activeCardBackground
: inactiveCardBackground,
cardChild: const ChooseGender(
icon: FontAwesomeIcons.mars,
text: 'MALE',
),
onPress: () {},
),
),
),
Minha pergunta agora é por que estou recebendo a mensagem de erro quando uso GestureDetectordentro do meu próprio widget (e com o uso da função onPressfrom ReusableCard), mas não quando uso GestureDetectorem torno de a ReusableCardcom a função onTap?
