Olá! Tudo bem?

Você provavelmente teve um problema ao utilizar o app onde, ao virar sua tela, a orientação mudou o que ocasiona o overflow em alguns trechos, correto?

É comum que isso aconteça em apps que foram desenvolvidos para serem utilizados somente na vertical. Alguns exemplos de apps que sem este mesmo padrão, de não mudar a orientação, são o Instagram, o Facebook ou até mesmo Pinterest.

Assim como estes app citados, o nosso aplicativo de Quitanda também foi criado com esta característica, contudo nossa tela ainda gira, quando movemos o dispositivo para a horizontal. Para resolvermos este detalhe é bem tranquilo. Uma forma de evitar que isso aconteça é basicamente indicar que única orientação que nosso app terá será na vertical. Então quando virar o dispositivo de lado, a orientação permanecerá intacta. Segue abaixo como podemos fazer isso na nossa função main:

void main() {
  // Trecho de código que garante que todos os componentes necessários para a ação seguinte já estejam iniciados
  WidgetsFlutterBinding.ensureInitialized();
 
 
 // Mais abaixo teremos o método assíncrono que define as possíveis orientações suportadas pelo app.
 // Nesta lista abaixo você tem todas estas orientações disponíveis:
 /*
    * DeviceOrientation.landscapeRight,
    * DeviceOrientation.landscapeLeft,
    * DeviceOrientation.portraitUp, 
    * DeviceOrientation.portraitDown,
 */
 
    
 // Aqui definimos apenas o modo retrato em pé, fazendo com que todo nosso app fique apenas nessa orientação, evitando o overflow
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
  ]).then((_) {
    runApp(const MyApp());
  });
}

Tente esta abordagem e veja se resolve, mas caso ainda tenha problemas é só me enviar uma mensagem aqui no fórum. Bons estudos. :D