TextField inside of Row causes layout exception: Unable to calculate size

by

(I assume you’re using a Row because you want to put other widgets beside the TextField in the future.)

The Row widget wants to determine the intrinsic size of its non-flexible children so it knows how much space that it has left for the flexible ones. However, TextField doesn’t have an intrinsic width; it only knows how to size itself to the full width of its parent container. Try wrapping it in a Flexible or Expanded to tell the Row that you’re expecting the TextField to take up the remaining space:

      new Row(
        children: <Widget>[
          new Flexible(
            child: new TextField(
              decoration: const InputDecoration(helperText: "Enter App ID"),
              style: Theme.of(context).textTheme.body1,
            ),
          ),
        ],
      ),

More Related Contents:

  1. How to deal with unwanted widget build?
  2. Flutter: Scrolling to a widget in ListView
  3. Flutter – Wrap text on overflow, like insert ellipsis or fade
  4. How to refresh an AlertDialog in Flutter?
  5. How to show/hide widgets programmatically in Flutter
  6. How to add a ListView to a Column in Flutter?
  7. Text Overflowing in a Row, Flutter
  8. How to create dropown list in flutter where data comes from API?
  9. How do I do the “frosted glass” effect in Flutter?
  10. How to add image in Flutter
  11. InkWell not showing ripple effect
  12. How to create GridView Layout in Flutter
  13. Scroll Function In Flutter Web
  14. Flutter: Expanded vs Flexible
  15. Sizing elements to percentage of screen width/height
  16. Style BottomNavigationBar in Flutter
  17. Flutter: Remove padding in buttons – FlatButton, ElevatedButton, OutlinedButton
  18. How can I navigate between 2 classes, one of them requires passing data? in flutter
  19. Layout: Text overflowing in Flutter
  20. Vertical viewport was given unbounded height
  21. How to check if scroll position is at top or bottom in ListView?
  22. How can I layout widgets based on the size of the parent?
  23. Flutter Zoomable Widget
  24. Flutter use variable created inside Future builder outside of the build method,
  25. How to shift focus to the next TextField in Flutter?
  26. Flutter: “RenderFlex children have non-zero flex but incoming height constraints are unbounded”
  27. Flutter: BottomNavigationBar rebuilds Page on change of tab
  28. How can I add shadow to the widget in flutter?
  29. Preserving state between tab view pages
  30. Flutter – How to make a custom TabBar

Leave a Comment