FractionallySizedBox

 

withFactor

 

return Container(
  width: 200,
  height: 150,
  color: Colors.amber,
  child: FractionallySizedBox(
    widthFactor: 0.5,
    child: ElevatedButton(
      child: Text("click"),
      onPressed: (){
        print("click");
      },
    ),
  ),
);

 

hieghtFactor

return Container(
  width: 200,
  height: 150,
  color: Colors.amber,
  child: FractionallySizedBox(
    widthFactor: 0.5,
    heightFactor: 0.5,
    child: ElevatedButton(
      child: Text("click"),
      onPressed: (){
        print("click");
      },
    ),
  ),
);

 

 

 

 

alignment

return Container(
    width: 200,
    height: 150,
    color: Colors.amber,
    child: FractionallySizedBox(
      widthFactor: 0.5,
      heightFactor: 0.5,
      alignment: Alignment.topCenter,
      child: ElevatedButton(
        child: Text("click"),
        onPressed: () {
          print("click");
        },
      ),
    ),
  );
}