lian1230/capacitory-toggle-fullscreen

Capacitor plugin to toggle screen mode

capacitor-plugin-toggle-fullscreen

Install

Using npm:

npm install --save capacitor-plugin-toggle-fullscreen

or using yarn:

yarn add capacitor-plugin-toggle-fullscreen

Use

Register the plugin in your Activity:

// Other imports...
import com.lianlf.capacitoryfullscreen.ToggleFullScreen;

public class MainActivity extends BridgeActivity {
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Initializes the Bridge
    this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
      // Additional plugins you've installed go here
      // Ex: add(TotallyAwesomePlugin.class);
      add(ToggleFullScreen.class);
    }});
  }
}

In JS code:

<button
    onClick={() => ToggleFullScreen.toggle()}
>
    Toggle Screen
</button>
<button
    onClick={() => ToggleFullScreen.toggle({ orientation: 'LANDSCAPE' })}
>
    Set Landscape
</button>
<button
    onClick={() => ToggleFullScreen.toggle({ orientation: 'PORTRAIT' })}
>
    Set Portrait
</button>

Run

npx cap sync && npx cap open android

capacitory-toggle-fullscreen's Issues

ios: platform

First of all, thank you for share your code,

I'm working on Android and iOS apps, the android integration is easy to use.
But in iOS im getting this error with the same code:

ERROR TypeError: ToggleFullScreen.toggle is not a function. (In 'ToggleFullScreen.toggle({ orientation: 'LANDSCAPE' })', 'ToggleFullScreen.toggle' is undefined)

Please let me know if iOS needs an special installation.

Best Regards,
Ivan