El propósito del plugin es tener una alternativa a un lector de pdf nativo para capacitor. En este momento se encuentra funcional solo para andriod pero, no en mucho tiempo, tenemos la version actualizada para ios. En las siguientes secciones vamos a documentar como utilizar el plugin y las entradas que tiene el mismo.
npm i capacitor-pdf
En este momento solo se tiene anotaciones de tipo link, que se insertan como un boton en el pdf. Cuando se da click en el este, abre un navegador interno que muestra la página del enlace enviado.
Se debe enviar al método del plugin, un dato tipo json que incluyes los siguientes parámetros: page: 1, // no funcionan por ahora point_x: 500, point_y: 500, point_link: "Enlace del link", point_icon: 'ic_info',// no funcionan por ahora point_color_icon: 'white',// no funcionan por ahora point_background_icon: 'blue' // no funcionan por ahora
Por ahora está funcionando la los items point_x, point_y y point_link. Los demas parámetros irán funcionando poco a poco.
En el ejemplo se está utilizando angular, pero puede funcionar con cualquier aplicacion hecha en javascript.
import { Plugins } from '@capacitor/core';
const { PdfPlugin } = Plugins;
...
viewPdf() {
const annotations: any[] = [
{
page: 1, // no funcionan por ahora
point_x: 500,
point_y: 500,
point_link: "https://www.elpais.com.co",
point_icon: 'ic_info',// no funcionan por ahora
point_color_icon: 'white',// no funcionan por ahora
point_background_icon: 'blue' // no funcionan por ahora
}
]
const options: any = {
linkPdf: "enlace del pdf",
annotations
}
PdfPlugin.viewPdf({...options});
}
Pasos para integrar el plugin en android:
- ionic capacitor run android
- En el MainActivity.java, debes añadir el siguiente código:
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(PdfPlugin.class); }}); } }
- Correr aplicación en un dispositivo
Primer version de ios lanzada. Solo esta funcionando el pdf. Ya tenemos soporte para ios!! 🥳🥳🥳🥳🥳