dart - Error: solo se puede acceder a los miembros estáticos en los inicializadores, ¿qué significa esto?

flutter

Question

Tengo algo como esto. Estoy teniendo dificultades para entender este error. ¿Por qué el acceso a filterController aquí da este error aquí? ¿Pero no da este error si muevo la creación completa de TextFormField actual (entre los comentarios A y B) dentro del método de compilación? ¿Cómo mover el TextFormField completo dentro del método de compilación hace que filterController y resuelva este problema?

class AppHomeState extends State<AppHome> with SingleTickerProviderStateMixin
{

    TabController _tabController;
    final filterController = new TextEditingController(text: "Search");
        //----A
        TextFormField email = new TextFormField(
        keyboardType: TextInputType.emailAddress,
        controller: filterController,    ------>ERROR : Error: Only static members can be accessed in initializers
        );
       //----B

  @override
    Widget build(BuildContext context)
    {
        return new Scaffold(
                appBar: new AppBar(..),
        );
    }
}

Cómo puedo resolver este problema ?

Answer 1

Además, puedes mantener eso como método:

Widget getEmailController(){
return new
 TextFormField email = new TextFormField(
        keyboardType: TextInputType.emailAddress,
        controller: filterController,
        );
}

y usarlo en la interfaz de usuario:

body: Container(
child: getEmailController();
)

Answer 2

Puede convertir esta variable en una función y puede tomar contexto en los parámetros de esta función.

Ejemplo

Widget myDialog (BuildContext context) {
  return new Scaffold(
    backgroundColor: Colors.white,
    body: new Center(
      child: new Column(
        children: <Widget>[
          new Text("Invalid Username/Password"),
          new Text("Please verify your login credentials"),
          new RaisedButton(
            child: new Text("Ok"),
            onPressed:() {
              Navigator.pop(context);//Error : Only static members can be accessed in initializers
            }
          ),
        ],
      ),
    )
  );
}

// Using if you are doing in a class
this.myDialog(context);

// Using if you are using a global function
myDialog(context);

Pero, creo que quieres mostrar un mensaje de error. Entonces, puedes hacerlo con un diálogo no con una página. Es más eficiente porque puede especificar su cuadro de diálogo con botones o mensajes y puede usar este diálogo de error en cualquier lugar. Miremos mi función de ayuda global para mostrar mensajes de error.

void showError(BuildContext context, String error) {
  showSnackBar(
    context,
    new Text(
      ''Error'',
      style: new TextStyle(color: Theme.of(context).errorColor),
    ),
    content: new SingleChildScrollView(
      child: new Text(error)
    ),
    actions: <Widget>[
      new FlatButton(
        child: new Text(
          ''Ok'',
          style: new TextStyle(
            color: Colors.white
          ),
        ),
        onPressed: () {
          Navigator.of(context).pop();
        },
        color: Theme.of(context).errorColor,
      ),
    ]
  );
}

// Using in everywhere
showError(context, ''Sample Error'');

Answer 3

class AppHomeState extends State<AppHome> with SingleTickerProviderStateMixin {

    TabController _tabController;
    final filterController = new TextEditingController(text: "Search");
    TextFormField email = ...

... es un inicializador y no hay forma de acceder a this en este momento. Los inicializadores se ejecutan antes que el constructor, pero solo se puede acceder a ellos después de que se completó la llamada al super constructor (implícito en su ejemplo). Por lo tanto, solo en el cuerpo del constructor (o posterior) se permite el acceso a this .

Es por esto que recibes el mensaje de error:

controller: filterController,

accede a this.filterController ( this es implícito si no lo escribes explícitamente).

Para solucionar su problema (suponiendo que el email debe ser final ) puede usar un constructor de fábrica y una lista de inicializadores de constructor:

class AppHomeState extends State<AppHome> with SingleTickerProviderStateMixin {
  factory SingleTickerProviderStateMixin() => 
      new SingleTickerProviderStateMixin._(new TextEditingController(text: "Search"));

  SingleTickerProviderStateMixin._(TextEditingController textEditingController) : 
      this.filterController = textEditingController,   
      this.email = new TextFormField(
        keyboardType: TextInputType.emailAddress,
        controller: textEditingController);

  TabController _tabController;
  final filterController;
  final TextFormField email;

o cuando el campo de email no necesita ser final, el email se puede inicializar en la lista de inicializadores del constructor:

class AppHomeState extends State<AppHome> with SingleTickerProviderStateMixin {

  SingleTickerProviderStateMixin() {
    email = new TextFormField(
        keyboardType: TextInputType.emailAddress,
        controller: filterController,
    );
  }

  TabController _tabController;
  final filterController = new TextEditingController(text: "Search");
  TextFormField email;

pero en los widgets Flutter, initState se usa generalmente para eso

class AppHomeState extends State<AppHome> with SingleTickerProviderStateMixin {

  @override
  void initState() {
    super.initState();
    email = new TextFormField(
        keyboardType: TextInputType.emailAddress,
        controller: filterController,
    );
  }

  TabController _tabController;
  final filterController = new TextEditingController(text: "Search");
  TextFormField email;