ionic-framework - pantalla - lock orientation ionic 3

¿Cómo restringir la aplicación al modo vertical solo en iónico para todas las plataformas?

Question

Estoy trabajando en Ionic / Cordova, agregué esto a androidManifest.xml pero esto no funcionó para mí y la aplicación todavía se muestra en ambos sentidos

android:screenOrientation="portrait"

¿Cómo puedo restringir mi aplicación solo al modo vertical? He comprobado en Android y no funciona

Answer 1

Actualización de Ionic v2 +

Para las versiones 2 y posteriores de Ionic, deberá instalar también el paquete Ionic Native correspondiente para cualquier complemento que utilice, incluidos cordova-plugin- y phonegap-plugin- .

1. Instalar el complemento nativo iónico

   Instale el módulo TypeScript de Ionic Native para el complemento desde la CLI .

   $ ionic cordova plugin add --save cordova-plugin-screen-orientation
   $ npm install --save @ionic-native/screen-orientation

   * Tenga en cuenta que el comando --save es opcional y puede omitirse si no desea agregar el complemento a su archivo package.json

2. Importar complemento de ScreenOrientation

   Importe el complemento a su controller , más detalles disponibles en la documentation .

   import { ScreenOrientation } from ''@ionic-native/screen-orientation'';
   
   @Component({
       templateUrl: ''app.html'',
       providers: [
           ScreenOrientation
       ]
   })
   
   constructor(private screenOrientation: ScreenOrientation) {
     // Your code here...
   }

3. Haz tus cosas

   Bloquee y desbloquee la orientación de la pantalla mediante programación.

   // Set orientation to portrait
   this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
   
   // Disable orientation lock
   this.screenOrientation.unlock();

4. Puntos extra

   También puede obtener la orientación actual.

   // Get current orientation
   console.log(this.screenOrientation.type);  // Will return landscape" or "portrait"

Answer 2

Agregue android:screenOrientation="portrait" en el archivo androidManifest.xml como un atributo de la etiqueta de actividad para Android.

https://github.com/apache/cordova-plugin-screen-orientation

Answer 3

De acuerdo con https://cordova.apache.org/docs/en/4.0.0/config_ref/#global-preferences ,

La orientación le permite bloquear la orientación y evitar que la interfaz gire en respuesta a los cambios de orientación. Los valores posibles son por defecto, horizontal o vertical. Ejemplo:

<preference name="Orientation" value="landscape" />

Tenga en cuenta que estos valores distinguen entre mayúsculas y minúsculas, es "Orientación", no "orientación".

Answer 4

Dentro de su angular app.js agregue la línea screen.lockOrientation(''portrait''); como se muestra a continuación:

un

angular.module(''app'', [''ionic''])
.run(function($ionicPlatform) {
    // LOCK ORIENTATION TO PORTRAIT.
    screen.lockOrientation(''portrait'');
  });
})

También tendrá otro código en la función .run , pero el que le interesa es la línea que escribí. No he agregado la línea <preference name="orientation" value="portrait" /> en mi código, pero es posible que deba agregar la cordova-plugin-device-orientation

Answer 5

En config.xml agregue la siguiente línea

<preference name="orientation" value="portrait" />

Answer 6

Primero, debe agregar el complemento Cordova Screen Orientation usando

cordova plugin add cordova-plugin-screen-orientation

y luego agregue screen.lockOrientation(''portrait''); al método .run()

angular.module(''myApp'', [])
.run(function($ionicPlatform) {

    screen.lockOrientation(''portrait'');
    console.log(''Orientation is '' + screen.orientation);

});
})

Answer 7

Puedes probar esto: -

Complemento de Cordova para configurar / bloquear la orientación de la pantalla de manera común para iOS, Android, WP8 y Blackberry 10. Este complemento se basa en una versión anterior de la API de orientación de pantalla, por lo que la API no coincide actualmente con las especificaciones actuales.

<preference name="orientation" value="portrait" />

o prueba este código en la configuración xml: -

<activity
        android:name="com.example.demo_spinner.MainActivity"
        android:label="@string/app_name"
        android:screenOrientation="portrait" >
</activity>

Answer 8

Si desea hacer algo en su orientación significa que desea realizar cualquier acción al cambiar la orientación de su aplicación, entonces debe usar el complemento de marco iónico ... documentation

Si solo desea restringir su aplicación en modo vertical u horizontal, simplemente debe agregar estas líneas en su config.xml

<preference name="orientation" value="portrait" />
                 OR
<preference name="orientation" value="landscape" />

Answer 9

Si desea restringir al modo vertical solo en todos los dispositivos, debe agregar esta línea al config.xml en la carpeta raíz de sus proyectos.

<preference name="orientation" value="portrait" />

Después de eso, reconstruya la plataforma escribiendo el texto a continuación en la línea de comando:

ionic build