dropdown_formfield

KO | EN

gitlite — search

#hacktoberfest #react #typescript #go #machine-learning #nodejs #macos #java #windows #awesome #cli #ios #mcp #open-source

dropdown_formfield

(★ 72)

A Flutter package that provides a dropdown form field using a dropdown button inside a form field.

파일 탐색기

최종 버전 다운로드 (.zip)

- - Dart_SDK.xml
- modules.xml
- workspace.xml
- local.properties
- - build.gradle
  - gradle.properties
  - settings.gradle
- - main.dart
- .gitignore
- .metadata
- pubspec.lock
- pubspec.yaml
- README.md
- dropdown_formfield.dart
.gitignore
.metadata
CHANGELOG.md
dropdown_formfield.iml
LICENSE
pubspec.lock
pubspec.yaml
README.md
screenshot.gif

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Dropdown form field

A dropdown form field using a dropdown button inside a form field.

## Demo

## Features

- Can be used as regular form field.
- Simple to implement.
- Simple and intuitive to use in the app.
- Provides validation of data.
- Provides requirement of the field.
- Follows the app theme and colors.

## Example

```dart
import 'package:dropdown_formfield/dropdown_formfield.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _myActivity;
  String _myActivityResult;
  final formKey = new GlobalKey<FormState>();

@override
  void initState() {
    super.initState();
    _myActivity = '';
    _myActivityResult = '';
  }

_saveForm() {
    var form = formKey.currentState;
    if (form.validate()) {
      form.save();
      setState(() {
        _myActivityResult = _myActivity;
      });
    }
  }

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Dropdown Formfield Example'),
      ),
      body: Center(
        child: Form(
          key: formKey,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              Container(
                padding: EdgeInsets.all(16),
                child: DropDownFormField(
                  titleText: 'My workout',
                  hintText: 'Please choose one',
                  value: _myActivity,
                  onSaved: (value) {
                    setState(() {
                      _myActivity = value;
                    });
                  },
                  onChanged: (value) {
                    setState(() {
                      _myActivity = value;
                    });
                  },
                  dataSource: [
                    {
                      "display": "Running",
                      "value": "Running",
                    },
                    {
                      "display": "Climbing",
                      "value": "Climbing",
                    },
                    {
                      "display": "Walking",
                      "value": "Walking",
                    },
                    {
                      "display": "Swimming",
                      "value": "Swimming",
                    },
                    {
                      "display": "Soccer Practice",
                      "value": "Soccer Practice",
                    },
                    {
                      "display": "Baseball Practice",
                      "value": "Baseball Practice",
                    },
                    {
                      "display": "Football Practice",
                      "value": "Football Practice",
                    },
                  ],
                  textField: 'display',
                  valueField: 'value',
                ),
              ),
              Container(
                padding: EdgeInsets.all(8),
                child: RaisedButton(
                  child: Text('Save'),
                  onPressed: _saveForm,
                ),
              ),
              Container(
                padding: EdgeInsets.all(16),
                child: Text(_myActivityResult),
              )
            ],
          ),
        ),
      ),
    );
  }
}
```

## License

This project is licensed under the BSD License. See the LICENSE file for details.

dropdown_formfield

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

dropdown_formfield

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README