Pixel Error Because Of Columns between Row Flutter - flutter

Question

I have a structure like Row(Column1,Column2) but when i try to put a floating button to my column2, i get pixelError, how can make spaceless between columns ? and this is what im trying to do
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Column(
children: <Widget>[
Padding(
padding: EdgeInsets.only(top: 60),
),
Padding(
padding: const EdgeInsets.only(right: 60.0),
child: Container(
width: data.size.width * 80 / 100,
height: data.size.height * (20 / 100),
child: principalField,
),
),
],
),
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(height: 30,
width: 30,
child: FloatingActionButton(
elevation: 40,
onPressed: () {},
),
)
],
),
Column(children: <Widget>[
child: FloatingActionButton(onPressed: (){},)
],)
],
)),

Answer 1

After seeing what you want to do, this might be a better way of doing it.
Looks like this:
Just a snippet that I wrote for you to see and potentially use:
return SafeArea(
child: Scaffold(
body: Column(
children: <Widget>[
const SizedBox(
height: 80,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Container(
height: 60,
width: 300,
color: Colors.amber,
),
FloatingActionButton(elevation: 40, onPressed: () {}),
],
),
const SizedBox(
height: 40,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Container(
height: 60,
width: 300,
color: Colors.amber,
),
FloatingActionButton(elevation: 40, onPressed: () {}),
],
),
const SizedBox(
height: 40,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Container(
height: 60,
width: 300,
color: Colors.amber,
),
FloatingActionButton(elevation: 40, onPressed: () {}),
],
),
],
),
),
);
I hope this helps.