This quick start will guide you through the steps of adding FlexViewer control to the application, binding it with a document source, i.e., GcPdf, and loading the PDF in the FlexViewer control.

To achieve it, follow these steps:

1. Add FlexViewer control
2. Load the PDF document
3. Run the Project

The following image shows how the FlexViewer control appears after completing the steps above.

Step 1: Add FlexViewer control

1. In the Solution Explorer, click Main.storyboard to open the storyboard editor.
2. From the Toolbox under Custom Components tab, drag a FlexPie onto the ViewController.
3. In the Properties window, set the Name of the FlexViewer control. In this example, we named it as flexViewer.

Step 2: Load the PDF document

Load the PDF document in the FlexViewer control using the following code. In this example, we have added a PDF document to the Data folder to load it in the viewer.

string path = "Data/DefaultDocument.pdf";
MemoryStream ms = new MemoryStream();
{
    using (FileStream fs = new FileStream(path, FileMode.Open, FileAccess.Read))
    {
        byte[] bytes = new byte[fs.Length];
        fs.Read(bytes, 0, (int)fs.Length);
        ms.Write(bytes, 0, (int)fs.Length);
        flexViewer.LoadDocument(ms);
    }
}

Step 3: Run the Project

Press F5 to run the application.