Dropdown null selection & hints #6422

Activity

1. tvolkert

   added

   c: new featureNothing broken; request for a new capabilityNothing broken; request for a new capability

   p: material_uimaterial_ui package in flutter/packagesmaterial_ui package in flutter/packages

   customer: leafy

   on Oct 20, 2016
2. mpcomplete commented on Nov 3, 2016

   

   mpcomplete

   on Nov 3, 2016

   Contributor

   More actions

   The Input rework that @Hixie mentions in #6421 is a prerequisite for most of this.
3. mpcomplete

   added this to the 1: Top Customer Requests milestone on Nov 3, 2016
4. HansMuller

   self-assigned this

   on Nov 16, 2016
5. HansMuller

   closed this as completedin #6971on Nov 22, 2016
6. HansMuller commented on Nov 22, 2016

   

   HansMuller

   on Nov 22, 2016

   Contributor

   More actions

   Here's an example that demos the requested features.

   import 'package:flutter/material.dart';
   
   class InputContainerDemo extends StatefulWidget {
     @override
     _InputContainerDemoState createState() => new _InputContainerDemoState();
   }
   
   class _InputContainerDemoState extends State<InputContainerDemo> {
     static final List<String> _dropdownItems = <String>['One', 'Two', 'Free', 'Four'];
     String _dropdownValue = 'One';
     String _errorText;
   
     @override
     Widget build(BuildContext context) {
       return new Scaffold(
         appBar: new AppBar(title: new Text('InputContainer Demo')),
         body: new Padding(
           padding: const EdgeInsets.all(32.0),
           child: new DropdownButtonHideUnderline(
             child: new Column(
               crossAxisAlignment: CrossAxisAlignment.stretch,
               children: <Widget>[
                 new InputContainer(
                   labelText: _dropdownValue == null ? 'Where are you from' : 'From',
                   errorText: _errorText,
                   isEmpty: _dropdownValue == null,
                   child: new DropdownButton<String>(
                     value: _dropdownValue,
                     isDense: true,
                     onChanged: (String newValue) {
                       setState(() {
                         _dropdownValue = newValue;
                       });
                     },
                     items: _dropdownItems.map((String value) {
                       return new DropdownMenuItem<String>(
                         value: value,
                         child: new Text(value),
                       );
                     }).toList(),
                   ),
                 ),
                 new SizedBox(height: 32.0),
                 new Row(
                   children: <Widget> [
                     new RaisedButton(
                       onPressed: () {
                         setState((){
                           _dropdownValue = null;
                         });
                       },
                       child: new Text('VALUE'),
                     ),
                     new SizedBox(width: 32.0),
                     new RaisedButton(
                       onPressed: () {
                         setState(() {
                           _errorText = _errorText != null ? null : 'error';
                         });
                       },
                       child: new Text('ERROR'),
                     ),
                   ],
                 ),
               ],
             ),
           ),
         )
       );
     }
   }
   
   void main() {
     runApp(new MaterialApp(home: new InputContainerDemo()));
   }
   
7. gauthamns commented on Feb 12, 2018

   

   gauthamns

   on Feb 12, 2018

   More actions

   InputContainer is now removed from the material library. Any input regarding the new way of doing will be helpful.
8. Hixie commented on Feb 13, 2018

   

   Hixie

   on Feb 13, 2018

   Contributor

   More actions

   I think we renamed it InputDecorator.
9. jjerome00 commented on Sep 10, 2018

   

   jjerome00

   on Sep 10, 2018

   More actions

   Using example above, replace the InputContainer Widget with this:

   InputDecorator(
     decoration: InputDecoration(
       labelText: _dropdownValue == null ? 'Where are you from' : 'From',
       errorText: _errorText,
     ),
     isEmpty: _dropdownValue == null,
     child: new DropdownButton<String>(
       value: _dropdownValue,
       isDense: true,
       onChanged: (String newValue) {
         setState(() {
           _dropdownValue = newValue;
         });
       },
       items: _dropdownItems.map((String value) {
         return DropdownMenuItem<String>(
           value: value,
           child: Text(value),
         );
       }).toList(),
     ),
   ),
   
10. GaryQian

    added a commit that references this issue on Oct 4, 2018

    Roll engine and update tests (#22643)

    ...

    00bcffd
11. hemachandsai commented on May 1, 2020

    

    hemachandsai

    on May 1, 2020

    More actions

    Simple fix, add space in the prefix text itself!!
12. github-actions commented on Aug 21, 2021

    

    github-actionsbot

    on Aug 21, 2021

    More actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.
13. github-actions

    locked as resolved and limited conversation to collaborators on Aug 21, 2021