How to fix Flutter dropdown button overflow issue?









up vote
1
down vote

favorite
1












I create a Flutter Form and I build a dropdown button with flutter. I am losing local son data into dropdown. Some of my items in dropdown button is long. I use SafeArea and ListView and I am getting overflow on right.



partial solution not mentioned in the other question, and I get the answer here.



Any idea how to fix it?



 // TODO: BUILD RUN
return new Scaffold(
key: _scaffoldKey,
body: new SafeArea(
top: false,
bottom: false,
child: new Form(
key: _formKey,
child: new ListView(
padding: const EdgeInsets.symmetric(
horizontal: 16.0, vertical: 32.0),
children: <Widget>[
//TODO: CURRENCY
new FormField<String>(
builder: (FormFieldState<String> state)
return InputDecorator(
decoration: InputDecoration(
labelText: 'CHOOSE CURRENCY',
labelStyle: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.bold,
color: Colors.green.shade700),
errorText: state.hasError ? state.errorText : null,
),
isEmpty: _mySelectedCurrency == '',
child: new DropdownButtonHideUnderline(
child: new DropdownButton<String>(
style: TextStyle(
fontSize: 14.0,
color: Colors.black,
fontWeight: FontWeight.w500,
),
value: _mySelectedCurrency,
isDense: true,
onChanged: (String newValue)
setState(()
_mySelectedCurrency = newValue;
state.didChange(newValue);
);
,
items: _itemsName,
),
),
);
,
validator: (val)
return val != '' ? null : 'Choose Currency...';
,
),
],
))));









share|improve this question























  • Possible duplicate of Flutter - DropdownButton overflow in ListView
    – chemamolins
    Nov 8 at 17:47










  • yes its similar... And seems GitHub issues not resolved yet. Problem is that work around will not going to fix for me, the dropdown menu item will be more than 3 line sometimes... Looking for fixed and closed solution, thanks
    – Nick
    Nov 8 at 17:56














up vote
1
down vote

favorite
1












I create a Flutter Form and I build a dropdown button with flutter. I am losing local son data into dropdown. Some of my items in dropdown button is long. I use SafeArea and ListView and I am getting overflow on right.



partial solution not mentioned in the other question, and I get the answer here.



Any idea how to fix it?



 // TODO: BUILD RUN
return new Scaffold(
key: _scaffoldKey,
body: new SafeArea(
top: false,
bottom: false,
child: new Form(
key: _formKey,
child: new ListView(
padding: const EdgeInsets.symmetric(
horizontal: 16.0, vertical: 32.0),
children: <Widget>[
//TODO: CURRENCY
new FormField<String>(
builder: (FormFieldState<String> state)
return InputDecorator(
decoration: InputDecoration(
labelText: 'CHOOSE CURRENCY',
labelStyle: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.bold,
color: Colors.green.shade700),
errorText: state.hasError ? state.errorText : null,
),
isEmpty: _mySelectedCurrency == '',
child: new DropdownButtonHideUnderline(
child: new DropdownButton<String>(
style: TextStyle(
fontSize: 14.0,
color: Colors.black,
fontWeight: FontWeight.w500,
),
value: _mySelectedCurrency,
isDense: true,
onChanged: (String newValue)
setState(()
_mySelectedCurrency = newValue;
state.didChange(newValue);
);
,
items: _itemsName,
),
),
);
,
validator: (val)
return val != '' ? null : 'Choose Currency...';
,
),
],
))));









share|improve this question























  • Possible duplicate of Flutter - DropdownButton overflow in ListView
    – chemamolins
    Nov 8 at 17:47










  • yes its similar... And seems GitHub issues not resolved yet. Problem is that work around will not going to fix for me, the dropdown menu item will be more than 3 line sometimes... Looking for fixed and closed solution, thanks
    – Nick
    Nov 8 at 17:56












up vote
1
down vote

favorite
1









up vote
1
down vote

favorite
1






1





I create a Flutter Form and I build a dropdown button with flutter. I am losing local son data into dropdown. Some of my items in dropdown button is long. I use SafeArea and ListView and I am getting overflow on right.



partial solution not mentioned in the other question, and I get the answer here.



Any idea how to fix it?



 // TODO: BUILD RUN
return new Scaffold(
key: _scaffoldKey,
body: new SafeArea(
top: false,
bottom: false,
child: new Form(
key: _formKey,
child: new ListView(
padding: const EdgeInsets.symmetric(
horizontal: 16.0, vertical: 32.0),
children: <Widget>[
//TODO: CURRENCY
new FormField<String>(
builder: (FormFieldState<String> state)
return InputDecorator(
decoration: InputDecoration(
labelText: 'CHOOSE CURRENCY',
labelStyle: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.bold,
color: Colors.green.shade700),
errorText: state.hasError ? state.errorText : null,
),
isEmpty: _mySelectedCurrency == '',
child: new DropdownButtonHideUnderline(
child: new DropdownButton<String>(
style: TextStyle(
fontSize: 14.0,
color: Colors.black,
fontWeight: FontWeight.w500,
),
value: _mySelectedCurrency,
isDense: true,
onChanged: (String newValue)
setState(()
_mySelectedCurrency = newValue;
state.didChange(newValue);
);
,
items: _itemsName,
),
),
);
,
validator: (val)
return val != '' ? null : 'Choose Currency...';
,
),
],
))));









share|improve this question















I create a Flutter Form and I build a dropdown button with flutter. I am losing local son data into dropdown. Some of my items in dropdown button is long. I use SafeArea and ListView and I am getting overflow on right.



partial solution not mentioned in the other question, and I get the answer here.



Any idea how to fix it?



 // TODO: BUILD RUN
return new Scaffold(
key: _scaffoldKey,
body: new SafeArea(
top: false,
bottom: false,
child: new Form(
key: _formKey,
child: new ListView(
padding: const EdgeInsets.symmetric(
horizontal: 16.0, vertical: 32.0),
children: <Widget>[
//TODO: CURRENCY
new FormField<String>(
builder: (FormFieldState<String> state)
return InputDecorator(
decoration: InputDecoration(
labelText: 'CHOOSE CURRENCY',
labelStyle: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.bold,
color: Colors.green.shade700),
errorText: state.hasError ? state.errorText : null,
),
isEmpty: _mySelectedCurrency == '',
child: new DropdownButtonHideUnderline(
child: new DropdownButton<String>(
style: TextStyle(
fontSize: 14.0,
color: Colors.black,
fontWeight: FontWeight.w500,
),
value: _mySelectedCurrency,
isDense: true,
onChanged: (String newValue)
setState(()
_mySelectedCurrency = newValue;
state.didChange(newValue);
);
,
items: _itemsName,
),
),
);
,
validator: (val)
return val != '' ? null : 'Choose Currency...';
,
),
],
))));






dart flutter overflow dropdown






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 8 at 18:40

























asked Nov 8 at 17:11









Nick

1418




1418











  • Possible duplicate of Flutter - DropdownButton overflow in ListView
    – chemamolins
    Nov 8 at 17:47










  • yes its similar... And seems GitHub issues not resolved yet. Problem is that work around will not going to fix for me, the dropdown menu item will be more than 3 line sometimes... Looking for fixed and closed solution, thanks
    – Nick
    Nov 8 at 17:56
















  • Possible duplicate of Flutter - DropdownButton overflow in ListView
    – chemamolins
    Nov 8 at 17:47










  • yes its similar... And seems GitHub issues not resolved yet. Problem is that work around will not going to fix for me, the dropdown menu item will be more than 3 line sometimes... Looking for fixed and closed solution, thanks
    – Nick
    Nov 8 at 17:56















Possible duplicate of Flutter - DropdownButton overflow in ListView
– chemamolins
Nov 8 at 17:47




Possible duplicate of Flutter - DropdownButton overflow in ListView
– chemamolins
Nov 8 at 17:47












yes its similar... And seems GitHub issues not resolved yet. Problem is that work around will not going to fix for me, the dropdown menu item will be more than 3 line sometimes... Looking for fixed and closed solution, thanks
– Nick
Nov 8 at 17:56




yes its similar... And seems GitHub issues not resolved yet. Problem is that work around will not going to fix for me, the dropdown menu item will be more than 3 line sometimes... Looking for fixed and closed solution, thanks
– Nick
Nov 8 at 17:56












1 Answer
1






active

oldest

votes

















up vote
1
down vote



accepted










Though I have flagged the question as possible duplicate, a partial solution not mentioned in the other question is to use the isExpanded property for DropDownButton.



 child: new DropdownButton<String>(
isExpanded: true,
...





share|improve this answer




















  • Thanks, it's working without getting any error or overflow. But I need to ask. What do you mean "partial solution"?
    – Nick
    Nov 8 at 18:37










  • Well, reading the last comment in the Github issue, I couldn't but agree with the poster. It works but may not work in all situations.
    – chemamolins
    Nov 8 at 19:05










  • thanks, still looking final solution, and I modify my menu item so currently I have no problem...
    – Nick
    Nov 9 at 2:50










Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













 

draft saved


draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53212846%2fhow-to-fix-flutter-dropdown-button-overflow-issue%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes








up vote
1
down vote



accepted










Though I have flagged the question as possible duplicate, a partial solution not mentioned in the other question is to use the isExpanded property for DropDownButton.



 child: new DropdownButton<String>(
isExpanded: true,
...





share|improve this answer




















  • Thanks, it's working without getting any error or overflow. But I need to ask. What do you mean "partial solution"?
    – Nick
    Nov 8 at 18:37










  • Well, reading the last comment in the Github issue, I couldn't but agree with the poster. It works but may not work in all situations.
    – chemamolins
    Nov 8 at 19:05










  • thanks, still looking final solution, and I modify my menu item so currently I have no problem...
    – Nick
    Nov 9 at 2:50














up vote
1
down vote



accepted










Though I have flagged the question as possible duplicate, a partial solution not mentioned in the other question is to use the isExpanded property for DropDownButton.



 child: new DropdownButton<String>(
isExpanded: true,
...





share|improve this answer




















  • Thanks, it's working without getting any error or overflow. But I need to ask. What do you mean "partial solution"?
    – Nick
    Nov 8 at 18:37










  • Well, reading the last comment in the Github issue, I couldn't but agree with the poster. It works but may not work in all situations.
    – chemamolins
    Nov 8 at 19:05










  • thanks, still looking final solution, and I modify my menu item so currently I have no problem...
    – Nick
    Nov 9 at 2:50












up vote
1
down vote



accepted







up vote
1
down vote



accepted






Though I have flagged the question as possible duplicate, a partial solution not mentioned in the other question is to use the isExpanded property for DropDownButton.



 child: new DropdownButton<String>(
isExpanded: true,
...





share|improve this answer












Though I have flagged the question as possible duplicate, a partial solution not mentioned in the other question is to use the isExpanded property for DropDownButton.



 child: new DropdownButton<String>(
isExpanded: true,
...






share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 8 at 17:57









chemamolins

1,7291610




1,7291610











  • Thanks, it's working without getting any error or overflow. But I need to ask. What do you mean "partial solution"?
    – Nick
    Nov 8 at 18:37










  • Well, reading the last comment in the Github issue, I couldn't but agree with the poster. It works but may not work in all situations.
    – chemamolins
    Nov 8 at 19:05










  • thanks, still looking final solution, and I modify my menu item so currently I have no problem...
    – Nick
    Nov 9 at 2:50
















  • Thanks, it's working without getting any error or overflow. But I need to ask. What do you mean "partial solution"?
    – Nick
    Nov 8 at 18:37










  • Well, reading the last comment in the Github issue, I couldn't but agree with the poster. It works but may not work in all situations.
    – chemamolins
    Nov 8 at 19:05










  • thanks, still looking final solution, and I modify my menu item so currently I have no problem...
    – Nick
    Nov 9 at 2:50















Thanks, it's working without getting any error or overflow. But I need to ask. What do you mean "partial solution"?
– Nick
Nov 8 at 18:37




Thanks, it's working without getting any error or overflow. But I need to ask. What do you mean "partial solution"?
– Nick
Nov 8 at 18:37












Well, reading the last comment in the Github issue, I couldn't but agree with the poster. It works but may not work in all situations.
– chemamolins
Nov 8 at 19:05




Well, reading the last comment in the Github issue, I couldn't but agree with the poster. It works but may not work in all situations.
– chemamolins
Nov 8 at 19:05












thanks, still looking final solution, and I modify my menu item so currently I have no problem...
– Nick
Nov 9 at 2:50




thanks, still looking final solution, and I modify my menu item so currently I have no problem...
– Nick
Nov 9 at 2:50

















 

draft saved


draft discarded















































 


draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53212846%2fhow-to-fix-flutter-dropdown-button-overflow-issue%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

𛂒𛀶,𛀽𛀑𛂀𛃧𛂓𛀙𛃆𛃑𛃷𛂟𛁡𛀢𛀟𛁤𛂽𛁕𛁪𛂟𛂯,𛁞𛂧𛀴𛁄𛁠𛁼𛂿𛀤 𛂘,𛁺𛂾𛃭𛃭𛃵𛀺,𛂣𛃍𛂖𛃶 𛀸𛃀𛂖𛁶𛁏𛁚 𛂢𛂞 𛁰𛂆𛀔,𛁸𛀽𛁓𛃋𛂇𛃧𛀧𛃣𛂐𛃇,𛂂𛃻𛃲𛁬𛃞𛀧𛃃𛀅 𛂭𛁠𛁡𛃇𛀷𛃓𛁥,𛁙𛁘𛁞𛃸𛁸𛃣𛁜,𛂛,𛃿,𛁯𛂘𛂌𛃛𛁱𛃌𛂈𛂇 𛁊𛃲,𛀕𛃴𛀜 𛀶𛂆𛀶𛃟𛂉𛀣,𛂐𛁞𛁾 𛁷𛂑𛁳𛂯𛀬𛃅,𛃶𛁼

ャフサォクコ ケウ,コ,ワ メ,ロスョノ゙,クネ,フムカヤヲニ,エコ゚ツ ウイオン゙ケワサネォキモュキォウイノンコチ゚メヌナイゥフュ,カヒウネェ ネ,ホノケ,ムュキ ッボーミュハ,チ ツス ィ メウイマヤ,゙ウチ ヅ ロ,ォジヌェ ャヌット ェ,マャ,チナエヒネソキツテ トホヲヲミーァ

Node.js puppeteer - Use values from array in a loop to cycle through pages