Desactivar rotación de pantalla en una aplicación Flutter

Tiempo de lectura: < 1 minuto

Para desactivar la rotación de la pantalla en una aplicación Flutter, debes configurar tanto el código de Flutter como el proyecto nativo de iOS.

Sigue estos pasos:

1. Configuración en Flutter

Usa el paquete SystemChrome para establecer la orientación de la pantalla en tu aplicación. Esto se hace en el archivo main.dart:

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp, // Solo en vertical
  ]).then((_) {
    runApp(MyApp());
  });
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("Rotación bloqueada")),
        body: Center(child: Text("Pantalla en modo vertical")),
      ),
    );
  }
}

2. Configuración en el proyecto nativo de iOS

1. Abre el archivo del proyecto en Xcode:
   • Ve a ios/Runner.xcworkspace.
2. Configura las orientaciones permitidas:
   • En Xcode, selecciona el proyecto Runner.
   • En la pestaña General, busca la sección Deployment Info.
   • Desmarca todas las opciones excepto Portrait (vertical).
3. Modifica el archivo AppDelegate.swift si es necesario: Aunque Xcode normalmente hace esto automáticamente, verifica que las configuraciones de rotación no estén sobrescritas en el código. Por lo general, no necesitas cambiar nada aquí si configuraste correctamente las orientaciones en Xcode.

Con estas configuraciones, tu aplicación Flutter no rotará la pantalla y estará bloqueada en orientación vertical en iOS.