Skip to main content
Corrigido nome de variável
Fonte Link
Naslausky
  • 3mil
  • 3
  • 9
  • 15

Para resolver isso existem algumas formas diferentes. A mais simples é:

Dentro do widget ListOption crie um argumento de callback. Esse argumento deve ser uma função que vai ser chamada no onPressed:

class ListOption extends StatefulWidget {
  const ListOption({super.key, required this.nome, required this.callback});
  final String nome;
  final Function callback; // Nova variável criada.
  @override
  State<ListOption> createState() => _ListOptionState();
}

Usando essa variável, chame ela diretamente no parâmetro onPressed:

child: TextButton(
          onPressed: (){
            widget.callback("Valor a ser passado"); // Chamada do callback.
          },
          child: Text(widget.nome),
        ),

Ao criar esse widget, você agora deve passar também o novo parâmetro que você criou. É uma função e portanto a estrutura é parecida com o que você fez no onPressed. Isto é, na tela que engloba os dois widgets, você vai usar algo do tipo:

ListOption(nome: "", callback: (String ValorRecebidovalorRecebido){
    setState((){
        stringASerMostradaNoSegundoWidget = valorRecebido;
    });
})

Vale deixar claro que nesta tela que engloba os dois widgets você vai precisar de uma nova variável para armazenar essa informação:

String stringASerMostradaNoSegundoWidget = '';

Para este callback, use o setState para atualizar o estado dos widgets nessa tela.

Feito isso, é necessário que o widget que use esta informação, MyInfo receba essa mesma variável que o callback acabou de atribuir. Ao chamá-lo, você deve usar algo da forma:

[...]
MyInfo(nomeselecionado: stringASerMostradaNoSegundoWidget);
[...]

E com essas alterações você já deve ter o resultado desejado.


O nome disso é gerenciamento de estado e é um tópico bem extenso e para horas de discussão. Estado é o nome que se dá a essas variáveis que você usa para construir sua tela, como usamos ali.

No seu caso, era uma tela simples que só precisava passar um texto de um widget para o outro. Porém conforme o aplicativo cresce, esse tipo de abordagem acaba não sendo tão simples. Fazer isso em uma escala grande é impraticável.

Podem ter múltiplos widgets que precisam de múltiplas variáveis de estado com ações que alterem o estado de outros widgets na árvore. Nesses casos, é recomendado utilizar um gerenciamento de estados mais elaborado, e diversas alternativas podem ser encontradas na documentação oficial da Google (em inglês). Nessa mesma página tem também um link para uma introdução ao assunto, com um exemplo que pode ser interessante olhar depois.

Para resolver isso existem algumas formas diferentes. A mais simples é:

Dentro do widget ListOption crie um argumento de callback. Esse argumento deve ser uma função que vai ser chamada no onPressed:

class ListOption extends StatefulWidget {
  const ListOption({super.key, required this.nome, required this.callback});
  final String nome;
  final Function callback; // Nova variável criada.
  @override
  State<ListOption> createState() => _ListOptionState();
}

Usando essa variável, chame ela diretamente no parâmetro onPressed:

child: TextButton(
          onPressed: (){
            widget.callback("Valor a ser passado"); // Chamada do callback.
          },
          child: Text(widget.nome),
        ),

Ao criar esse widget, você agora deve passar também o novo parâmetro que você criou. É uma função e portanto a estrutura é parecida com o que você fez no onPressed. Isto é, na tela que engloba os dois widgets, você vai usar algo do tipo:

ListOption(nome: "", callback: (String ValorRecebido){
    setState((){
        stringASerMostradaNoSegundoWidget = valorRecebido;
    });
})

Vale deixar claro que nesta tela que engloba os dois widgets você vai precisar de uma nova variável para armazenar essa informação:

String stringASerMostradaNoSegundoWidget = '';

Para este callback, use o setState para atualizar o estado dos widgets nessa tela.

Feito isso, é necessário que o widget que use esta informação, MyInfo receba essa mesma variável que o callback acabou de atribuir. Ao chamá-lo, você deve usar algo da forma:

[...]
MyInfo(nomeselecionado: stringASerMostradaNoSegundoWidget);
[...]

E com essas alterações você já deve ter o resultado desejado.


O nome disso é gerenciamento de estado e é um tópico bem extenso e para horas de discussão. Estado é o nome que se dá a essas variáveis que você usa para construir sua tela, como usamos ali.

No seu caso, era uma tela simples que só precisava passar um texto de um widget para o outro. Porém conforme o aplicativo cresce, esse tipo de abordagem acaba não sendo tão simples. Fazer isso em uma escala grande é impraticável.

Podem ter múltiplos widgets que precisam de múltiplas variáveis de estado com ações que alterem o estado de outros widgets na árvore. Nesses casos, é recomendado utilizar um gerenciamento de estados mais elaborado, e diversas alternativas podem ser encontradas na documentação oficial da Google (em inglês). Nessa mesma página tem também um link para uma introdução ao assunto, com um exemplo que pode ser interessante olhar depois.

Para resolver isso existem algumas formas diferentes. A mais simples é:

Dentro do widget ListOption crie um argumento de callback. Esse argumento deve ser uma função que vai ser chamada no onPressed:

class ListOption extends StatefulWidget {
  const ListOption({super.key, required this.nome, required this.callback});
  final String nome;
  final Function callback; // Nova variável criada.
  @override
  State<ListOption> createState() => _ListOptionState();
}

Usando essa variável, chame ela diretamente no parâmetro onPressed:

child: TextButton(
          onPressed: (){
            widget.callback("Valor a ser passado"); // Chamada do callback.
          },
          child: Text(widget.nome),
        ),

Ao criar esse widget, você agora deve passar também o novo parâmetro que você criou. É uma função e portanto a estrutura é parecida com o que você fez no onPressed. Isto é, na tela que engloba os dois widgets, você vai usar algo do tipo:

ListOption(nome: "", callback: (String valorRecebido){
    setState((){
        stringASerMostradaNoSegundoWidget = valorRecebido;
    });
})

Vale deixar claro que nesta tela que engloba os dois widgets você vai precisar de uma nova variável para armazenar essa informação:

String stringASerMostradaNoSegundoWidget = '';

Para este callback, use o setState para atualizar o estado dos widgets nessa tela.

Feito isso, é necessário que o widget que use esta informação, MyInfo receba essa mesma variável que o callback acabou de atribuir. Ao chamá-lo, você deve usar algo da forma:

[...]
MyInfo(nomeselecionado: stringASerMostradaNoSegundoWidget);
[...]

E com essas alterações você já deve ter o resultado desejado.


O nome disso é gerenciamento de estado e é um tópico bem extenso e para horas de discussão. Estado é o nome que se dá a essas variáveis que você usa para construir sua tela, como usamos ali.

No seu caso, era uma tela simples que só precisava passar um texto de um widget para o outro. Porém conforme o aplicativo cresce, esse tipo de abordagem acaba não sendo tão simples. Fazer isso em uma escala grande é impraticável.

Podem ter múltiplos widgets que precisam de múltiplas variáveis de estado com ações que alterem o estado de outros widgets na árvore. Nesses casos, é recomendado utilizar um gerenciamento de estados mais elaborado, e diversas alternativas podem ser encontradas na documentação oficial da Google (em inglês). Nessa mesma página tem também um link para uma introdução ao assunto, com um exemplo que pode ser interessante olhar depois.

Fonte Link
Naslausky
  • 3mil
  • 3
  • 9
  • 15

Para resolver isso existem algumas formas diferentes. A mais simples é:

Dentro do widget ListOption crie um argumento de callback. Esse argumento deve ser uma função que vai ser chamada no onPressed:

class ListOption extends StatefulWidget {
  const ListOption({super.key, required this.nome, required this.callback});
  final String nome;
  final Function callback; // Nova variável criada.
  @override
  State<ListOption> createState() => _ListOptionState();
}

Usando essa variável, chame ela diretamente no parâmetro onPressed:

child: TextButton(
          onPressed: (){
            widget.callback("Valor a ser passado"); // Chamada do callback.
          },
          child: Text(widget.nome),
        ),

Ao criar esse widget, você agora deve passar também o novo parâmetro que você criou. É uma função e portanto a estrutura é parecida com o que você fez no onPressed. Isto é, na tela que engloba os dois widgets, você vai usar algo do tipo:

ListOption(nome: "", callback: (String ValorRecebido){
    setState((){
        stringASerMostradaNoSegundoWidget = valorRecebido;
    });
})

Vale deixar claro que nesta tela que engloba os dois widgets você vai precisar de uma nova variável para armazenar essa informação:

String stringASerMostradaNoSegundoWidget = '';

Para este callback, use o setState para atualizar o estado dos widgets nessa tela.

Feito isso, é necessário que o widget que use esta informação, MyInfo receba essa mesma variável que o callback acabou de atribuir. Ao chamá-lo, você deve usar algo da forma:

[...]
MyInfo(nomeselecionado: stringASerMostradaNoSegundoWidget);
[...]

E com essas alterações você já deve ter o resultado desejado.


O nome disso é gerenciamento de estado e é um tópico bem extenso e para horas de discussão. Estado é o nome que se dá a essas variáveis que você usa para construir sua tela, como usamos ali.

No seu caso, era uma tela simples que só precisava passar um texto de um widget para o outro. Porém conforme o aplicativo cresce, esse tipo de abordagem acaba não sendo tão simples. Fazer isso em uma escala grande é impraticável.

Podem ter múltiplos widgets que precisam de múltiplas variáveis de estado com ações que alterem o estado de outros widgets na árvore. Nesses casos, é recomendado utilizar um gerenciamento de estados mais elaborado, e diversas alternativas podem ser encontradas na documentação oficial da Google (em inglês). Nessa mesma página tem também um link para uma introdução ao assunto, com um exemplo que pode ser interessante olhar depois.