BOM DIA!! Estou fazendo um app e neste em uma unica tela existe uma lista com opções ( o widget de opção no caso é listoption ) e uma outra area que mostra qual o listoption foi selecionado.
basicamente estou querendo passar o valor da variável nome de um widget para outro, mas sem que abra uma nova tela.
Deste quero que onPressed passe o nome da opção selecionada:
class ListOption extends StatefulWidget {
const ListOption({super.key, required this.nome});
final String nome;
@override
State<ListOption> createState() => _ListOptionState();
}
class _ListOptionState extends State<ListOption> {
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
width: 70,
height: 70,
color: Colors.grey,
child: TextButton(
onPressed: () {
},
child: Text(widget.nome),
),
),
);
}
}
Para este, quero exibir onde atualmente está como widget.nome selecionado:
import 'package:flutter/material.dart';
class MyInfo extends StatefulWidget {
MyInfo({super.key, this.nomeselecionado});
String? nomeselecionado;
@override
State<MyInfo> createState() => _MyInfoState();
}
class _MyInfoState extends State<MyInfo> {
bool isSwitched = false;
String? selectedOption ;
@override
Widget build(BuildContext context) {
return //TESTE DE BOTAO TBM
Padding(
padding: const EdgeInsets.all(10),
child: Container(
height: MediaQuery.of(context).size.height * 0.7 * 0.25,
width: MediaQuery.of(context).size.width,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Colors.white,
),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
height: 20,
width: 300,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromARGB(153, 180, 177, 177),
),
child: Text(
"CONFIGURAÇÂO ATUAL",
textAlign: TextAlign.center,
),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
children: [
Padding(
padding: const EdgeInsets.all(10),
child: Container(
//esse container que vai aparecer o nome
width: 70,
height: 60,
color: Colors.grey,
child: Center(
child: Text(widget.nomeselecionado ?? ""),
),
),
)
],
),
Column(
children: [
Switch(
value: isSwitched,
onChanged: (value) {
setState(() {
isSwitched = value;
print(isSwitched);
});
},
activeTrackColor: Colors.lightGreenAccent,
activeColor: Colors.green,
),
],
)
],
),
],
),
),
);
}
}
mas todos exemplos que vi usam o navigator e abre outra tela e nao quero isso.
pois esses dois widgets ficam em uma mesma tela.