Breaking News: Grepper is joining You.com. Read the official announcement!

How to create Pop UP Forms in Flutter

Ralph Kevin Rynard Macahipay answered on October 23, 2022 Popularity 7/10 Helpfulness 2/10

answer How to create Pop UP Forms in Flutter

related How to create Pop UP Forms in Flutter

How to create Pop UP Forms in Flutter

Comment

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(home: new MyApp()));
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Flutter"),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: () {
            showDialog(
                context: context,
                builder: (BuildContext context) {
                  return AlertDialog(
                    content: Stack(
                      overflow: Overflow.visible,
                      children: <Widget>[
                        Positioned(
                          right: -40.0,
                          top: -40.0,
                          child: InkResponse(
                            onTap: () {
                              Navigator.of(context).pop();
                            },
                            child: CircleAvatar(
                              child: Icon(Icons.close),
                              backgroundColor: Colors.red,
                            ),
                          ),
                        ),
                        Form(
                          key: _formKey,
                          child: Column(
                            mainAxisSize: MainAxisSize.min,
                            children: <Widget>[
                              Padding(
                                padding: EdgeInsets.all(8.0),
                                child: TextFormField(),
                              ),
                              Padding(
                                padding: EdgeInsets.all(8.0),
                                child: TextFormField(),
                              ),
                              Padding(
                                padding: const EdgeInsets.all(8.0),
                                child: RaisedButton(
                                  child: Text("Submitß"),
                                  onPressed: () {
                                    if (_formKey.currentState.validate()) {
                                      _formKey.currentState.save();
                                    }
                                  },
                                ),
                              )
                            ],
                          ),
                        ),
                      ],
                    ),
                  );
                });
          },
          child: Text("Open Popup"),
        ),
      ),
    );
  }
}

Popularity 7/10 Helpfulness 2/10 Language whatever

Source: flutteragency.com

Tags: flutter forms whatever

Link to this answer
Share Copy Link

Contributed on Oct 23 2022

Ralph Kevin Rynard Macahipay

0 Answers Avg Quality 2/10

Closely Related Answers

How to create Pop UP Forms in Flutter

Comment

_openPopup(context) {
   Alert(
       context: context,
       title: "LOGIN",
       content: Column(
         children: <Widget>[
           TextField(
             decoration: InputDecoration(
               icon: Icon(Icons.account_circle),
               labelText: 'Username',
             ),
           ),
           TextField(
             obscureText: true,
             decoration: InputDecoration(
               icon: Icon(Icons.lock),
               labelText: 'Password',
             ),
           ),
         ],
       ),
       buttons: [
         DialogButton(
           onPressed: () => Navigator.pop(context),
           child: Text(
             "LOGIN",
             style: TextStyle(color: Colors.white, fontSize: 20),
           ),
         )
       ]).show();
 }

Popularity 7/10 Helpfulness 4/10 Language whatever

Source: flutteragency.com

Tags: whatever flutter forms what

Link to this answer
Share Copy Link

Contributed on Oct 23 2022

Ralph Kevin Rynard Macahipay

0 Answers Avg Quality 2/10

How to create Pop UP Forms in Flutter

Contents

More Related Answers

How to create Pop UP Forms in Flutter

Closely Related Answers

How to create Pop UP Forms in Flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.