Saturday, December 8, 2018

Simple Form Page Design

class AccountSettingDetail extends StatefulWidget {
  @override  AccountSettingData createState() => AccountSettingData();
}

class AccountSettingData extends State<AccountSettingDetail> {
  @override  Widget build(BuildContext context) {
    // TODO: implement build    return MaterialApp(

      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.orange,
          title: Text(
            'Account Setting',
            style: TextStyle(color: Colors.white),
          ),
          centerTitle: true,
          leading: new IconButton(
              icon: new Icon(Icons.arrow_back_ios),
              onPressed: () {
                Navigator.pop(context, true);
              }),
        ),
        body: SingleChildScrollView(
          child: Container(
            padding: EdgeInsets.fromLTRB(10.0, 20.0, 10.0, 10.0),
            child: Column(
              children: <Widget>[
                new TextField(
                  decoration: InputDecoration(labelText: "Title*"),
                ),
                new TextField(
                  decoration:
                  InputDecoration(labelText: "Available Space in Sqft*"),
                ),
                new TextField(
                  decoration: InputDecoration(labelText: "Available Space*"),
                ),
                new TextField(
                  decoration: InputDecoration(labelText: "Address*"),
                ),
                new TextField(
                  decoration: InputDecoration(labelText: "Contact Number*"),
                ),
                new ListTile(
                  title: const Text('Select Your Plan'),
                  trailing: new DropdownButton<String>(
                    value: "Hourly",
                    onChanged: (String newValue) {
                      print(newValue);
                    },
                    items:
                    <String>['Hourly', 'Weekly', 'Monthly'].map((String value) {
                      return new DropdownMenuItem<String>(
                        value: value,
                        child: new Text(value),
                      );
                    }).toList(),
                  ),
                ),
                new Container(
                  height: 1.0,
                  width: 1.0,
                  color: Colors.grey,
                ),
                new TextField(
                  decoration: InputDecoration(labelText: "Rate*"),
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}

No comments:

Post a Comment

How to save contact number in flutter

with contacts_service: 0.3.10 https://pub.dev/packages/contacts_service Future < void > contactSave (){ Contact contac...