Why is Flutter IconButton onPressed not working?

user_17424122 0
Viewed 58

My app has an option to sign in with Google, a OTP, and Apple, along with a normal email and password. I have a section at the bottom of the sign-in screen with all of the buttons to log in with socials but they stopped calling the functions for some reason. They are three IconButtons wrapped in Containers for background and shape and they worked fine until all of a sudden they didn't. There is also a TextButton to create an account under those that isn't working but the ElevatedButton and TextFormFields above them work fine. The only thing I changed was some UI but nothing that should have affected them. There are no kinds of errors when I press them, just nothing happens.

Code for social buttons:

Container(
              decoration: BoxDecoration(
                  border: const Border(
                      top: BorderSide(color: Color(0xFF7FCCDC), width: 3),
                      bottom: BorderSide(color: Color(0xFF7FCCDC), width: 3),
                      left: BorderSide(color: Color(0xFF7FCCDC), width: 3),
                      right: BorderSide(color: Color(0xFF7FCCDC), width: 3)),
                  borderRadius: BorderRadius.circular(20)),
              child: Column(
                children: [
                  const SizedBox(height: 15),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(
                        'Sign in with socials',
                        style: TextStyle(
                          fontSize: 15,
                          color: const Color(0xFF6B6FAB).withOpacity(0.75),
                        ),
                      ),
                    ],
                  ),
                  const SizedBox(height: 5),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Padding(
                        padding: const EdgeInsets.symmetric(horizontal: 8),
                        child: Container(
                          height: 60,
                          width: 60,
                          decoration: BoxDecoration(
                              color: const Color(0xFF7157A0),
                              borderRadius: BorderRadius.circular(10)),
                          child: IconButton(
                            onPressed: () {
                              if (kDebugMode) {
                                print('otp');
                              }
                              showBarModalBottomSheet(
                                  context: context,
                                  builder: (context) =>
                                      const PhoneAuthScreen());
                            },
                            icon: FaIcon(FontAwesomeIcons.solidMessage,
                                color:
                                    const Color(0xFFFCFBF4).withOpacity(0.75)),
                          ),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(horizontal: 8),
                        child: Container(
                          height: 60,
                          width: 60,
                          decoration: BoxDecoration(
                              color: const Color(0xFF7157A0),
                              borderRadius: BorderRadius.circular(10)),
                          child: IconButton(
                            onPressed: () {
                              if (kDebugMode) {
                                print('apple');
                              }
                              AppleAuth.signInWithApple();
                            },
                            icon: FaIcon(FontAwesomeIcons.apple,
                                color:
                                    const Color(0xFFFCFBF4).withOpacity(0.75)),
                          ),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(horizontal: 8),
                        child: Container(
                          height: 60,
                          width: 60,
                          decoration: BoxDecoration(
                              color: const Color(0xFF7157A0),
                              borderRadius: BorderRadius.circular(10)),
                          child: IconButton(
                            onPressed: () {
                              if (kDebugMode) {
                                print('google');
                              }
                              signInWithGoogle();
                            },
                            icon: FaIcon(FontAwesomeIcons.google,
                                color:
                                    const Color(0xFFFCFBF4).withOpacity(0.75)),
                          ),
                        ),
                      ),
                    ],
                  ),
                  const SizedBox(height: 15),
                ],
              ),
            ),
flutter
1 Answers
showBarModalBottomSheet(
   context: context,
   builder: (context) => const PhoneAuthScreen());
 )

Have you created a custom method by name showBarModelBottomSheet? My guess is you created a method by mistake on this class. If not then please useshowModalBottomSheet. Remove bar from the code above. So it should be like this

showModalBottomSheet(
   context: context,
   builder: (context) => const PhoneAuthScreen());
 )
user_171690370
Related