Неопределенное имя «Кнопка изменения». Попробуйте исправить имя на то, которое определено, или определить имя

#android #flutter #visual-studio-code

Вопрос:

 import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_dev/utils/routes.dart';


 class LoginPage extends StatefulWidget {
  bool changeButton = false;

  @override
  State<LoginPage> createState() => _LoginPageState();
}


 class _LoginPageState extends State<LoginPage> {
  get name => null;



  @override
  Widget build(BuildContext context) {
    return Material(
        color: Colors.white,
        child: SingleChildScrollView(
          child: Column(
            children: [
              Image.asset(
                "assets/images/login_image.png",
                fit: BoxFit.cover,
              ),
              SizedBox(
                height: 20.0,
              ),
              Text(
                "Welcome",
                style: TextStyle(
                  fontSize: 28,
                  fontWeight: FontWeight.bold,
                ),
              ),

              SizedBox(
                height: 20.0,
              ),
              Padding(
                padding: const EdgeInsets.symmetric(
                    vertical: 16.0, horizontal: 32.0),
                child: Column(
                  children: [
                    TextFormField(
                      decoration: InputDecoration(
                        hintText: "Enter username",
                        labelText: "Username",
                      ),
                      onChanged: (value) {
                        satState() {}
                      },
                    ),
                    TextFormField(
                      obscureText: true,
                      decoration: InputDecoration(
                        hintText: "Enter Password",
                        labelText: "Password",
                      ),
                    ),
                    SizedBox(
                      height: 40.0,
                    ),
                    
                    InkWell(
                     onTap: (){
                       setState(() {
                         changeButton = true;
                       });
                      //  Navigator.pushNamed(context, MyRoutes.homeRoute);
                     },
                      child: AnimatedContainer(
                        duration: Duration(seconds: 1),
                        width: 150,
                        height: 40,
                        
                        alignment: Alignment.center,
                        child: Text(
                          "login",
                          style: TextStyle(
                            color: Colors.white, 
                            fontWeight:FontWeight.bold,
                             fontSize: 18
                             ),  
                          ),
                          decoration: BoxDecoration(
                          color: Colors.deepPurple,
                          borderRadius: BorderRadius.circular(8)
                          )
                        ),
                    )

                         
                    // ElevatedButton(
                    //   child: Text("Login"),
                    //   style: TextButton.styleFrom(
                    //     minimumSize: Size(140, 40),
                    //   ),
                    //   onPressed: () {
                    //     Navigator.pushNamed(context, MyRoutes.homeRoute);
                    //   },
                    // ),
                  ],
                ),
              )
            ],
          ),
        ));
  }
}
 

Ошибка:

введите описание изображения здесь

Неопределенное имя «Кнопка изменения». Попробуйте исправить имя на то, которое определено, или определить имя

Пожалуйста, устраните эту проблему

Комментарии:

1. вместо изображения, пожалуйста, поделитесь кодом.

Ответ №1:

Определите новую переменную changebutton перед объявлением класса или внутри _LoginPageState

 import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_dev/utils/routes.dart';


 class LoginPage extends StatefulWidget {
  // bool changeButton = false; //remove this outside the class or inside _LoginPageState 

  @override
  State<LoginPage> createState() => _LoginPageState();
}


 class _LoginPageState extends State<LoginPage> {
  get name => null;
 bool changeButton = false; 


  @override
  Widget build(BuildContext context) {
    return Material(
        color: Colors.white,
        child: SingleChildScrollView(
          child: Column(
            children: [
              Image.asset(
                "assets/images/login_image.png",
                fit: BoxFit.cover,
              ),
              SizedBox(
                height: 20.0,
              ),
              Text(
                "Welcome",
                style: TextStyle(
                  fontSize: 28,
                  fontWeight: FontWeight.bold,
                ),
              ),

              SizedBox(
                height: 20.0,
              ),
              Padding(
                padding: const EdgeInsets.symmetric(
                    vertical: 16.0, horizontal: 32.0),
                child: Column(
                  children: [
                    TextFormField(
                      decoration: InputDecoration(
                        hintText: "Enter username",
                        labelText: "Username",
                      ),
                      onChanged: (value) {
                        satState() {}
                      },
                    ),
                    TextFormField(
                      obscureText: true,
                      decoration: InputDecoration(
                        hintText: "Enter Password",
                        labelText: "Password",
                      ),
                    ),
                    SizedBox(
                      height: 40.0,
                    ),
                    
                    InkWell(
                     onTap: (){
                       setState(() {
                         changeButton = true;
                       });
                      //  Navigator.pushNamed(context, MyRoutes.homeRoute);
                     },
                      child: AnimatedContainer(
                        duration: Duration(seconds: 1),
                        width: 150,
                        height: 40,
                        
                        alignment: Alignment.center,
                        child: Text(
                          "login",
                          style: TextStyle(
                            color: Colors.white, 
                            fontWeight:FontWeight.bold,
                             fontSize: 18
                             ),  
                          ),
                          decoration: BoxDecoration(
                          color: Colors.deepPurple,
                          borderRadius: BorderRadius.circular(8)
                          )
                        ),
                    )

                         
                    // ElevatedButton(
                    //   child: Text("Login"),
                    //   style: TextButton.styleFrom(
                    //     minimumSize: Size(140, 40),
                    //   ),
                    //   onPressed: () {
                    //     Navigator.pushNamed(context, MyRoutes.homeRoute);
                    //   },
                    // ),
                  ],
                ),
              )
            ],
          ),
        ));
  }
}
 

Ответ №2:

changeButton заявить в соответствии _LoginPageState

 class _LoginPageState extends State<LoginPage> {
  get name => null;
 bool changeButton = false;
 

Еще один подход :

 widget.changeButton = true;

 

Комментарии:

1. нет … не работает..

2. В чем была ошибка?

Ответ №3:

 class LoginPage extends StatefulWidget {

  @override
  State<LoginPage> createState() => _LoginPageState();
}


 class _LoginPageState extends State<LoginPage> {
  get name => null;
  bool changeButton = false;
....
}
 

или

используйте widget как виджет.кнопка изменения = true

Комментарии:

1. Попробуйте исправить имя на имя существующего установщика или определить установщик или поле с именем «Кнопка изменения». Кнопка изменения = верно; ^^^^^^^^^^^^

2. changeButton не могу выдать такую ошибку с помощью этого примера кода

3. Вы пытаетесь передать значение переменной в конструктор?