CODEWITHSUNDEEP
androidflutterflutter-layout
Usama Bin Tahir
Usama Bin Tahir

Reputation: 153

RenderBox was not laid out: RenderRepaintBoundary#21325 NEEDS-LAYOUT NEEDS-PAINT

I'm trying to create a text Field and every time when I run the code it shows the following renderBox error. Kindly help me get through this.

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Row(
          children: <Widget>[
             Container(
                // padding: EdgeInsets.all(30),

                child: TextField(
                  style: TextStyle(
                    color: Colors.black,
                  ),
                  decoration: kCityTextFieldInputDecoration,
                ),
              ), 
          ],
        ),
      ),
    );
  }

And kCityTextFieldInputDecoration is

const kCityTextFieldInputDecoration = InputDecoration(
  filled: true,
  fillColor: Colors.white,
  icon: Icon(
    Icons.location_city,
    color: Colors.white,
  ),
  hintText: 'Enter city name',
  hintStyle: TextStyle(
    color: Colors.grey,
  ),
  border: OutlineInputBorder(
    borderRadius: BorderRadius.all(
      Radius.circular(10),
    ),
    borderSide: BorderSide.none,
  ),
);

Upvotes: 1

Views: 1295

Answers (1)

Md. Yeasin Sheikh
Md. Yeasin Sheikh

Reputation: 63649

It's an issue on getting infinite width. You can just wrap the Container with Expanded or provide width there.

 return Scaffold(
      body: SafeArea(
        child: Row(
          children: <Widget>[
            Expanded(
              child: Container(
                // padding: EdgeInsets.all(30),

                child: TextField(
                  style: TextStyle(
                    color: Colors.black,
                  ),
                   decoration: kCityTextFieldInputDecoration,
                ),
              ),
            )
          ],
        ),
      ),
    );

Upvotes: 1

Related Questions