there is a top and bottom gap-CodePudding

there is a top and bottom gap, how to i expand it or remove it ?

below is my code i, please advice, thanks

    class Introduction extends StatefulWidget {
  const Introduction({super.key});

  @override
  State<Introduction> createState() => _IntroductionState();
}

class _IntroductionState extends State<Introduction> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(children: [
      Expanded(
          child: Container(
        color: Color.fromARGB(255, 255, 255, 255),
        child: const Center(
            child: Image(
                height: 3000,
                width: 1000,
                image: AssetImage("lib/images/instruction.png"))),
      ))
    ]));
  }
}

CodePudding user response：

removing your Expanded Widget will do.

CodePudding user response：

Use mainAxisAlignment: MainAxisAlignment.start, in Column class