Drastic.Flipper 1.0.6

.NET 7.0

dotnet add package Drastic.Flipper --version 1.0.6

NuGet\Install-Package Drastic.Flipper -Version 1.0.6

This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.

<PackageReference Include="Drastic.Flipper" Version="1.0.6" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

paket add Drastic.Flipper --version 1.0.6

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: Drastic.Flipper, 1.0.6"

#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.

// Install Drastic.Flipper as a Cake Addin
#addin nuget:?package=Drastic.Flipper&version=1.0.6

// Install Drastic.Flipper as a Cake Tool
#tool nuget:?package=Drastic.Flipper&version=1.0.6

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Drastic.Flipper

Drastic.Flipper is a .NET binding of Flipper, a library to help debug iOS, Android, and React Native layouts. This binding supports .NET iOS and Android.

Setup

Install the Drastic.Flipper nuget
Initalize the FlipperProxy when your Application has started

For iOS, you can do this in your AppDelegate...

public override bool FinishedLaunching (UIApplication application, NSDictionary launchOptions)
{
    global::Flipper.FlipperProxy.Shared.InitializeProxy();

    Window = new UIWindow (UIScreen.MainScreen.Bounds);
    ...

In MAUI, you can do also this in your MauiProgram.cs

public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
#if IOS
        global::Flipper.FlipperProxy.Shared.InitializeProxy();
#endif

...

For Android, MAUI UI or Native, you should initialize it in your main Application, 'OnCreate'

    public override void OnCreate()
    {
        base.OnCreate();
        Com.Facebook.Soloader.SoLoader.Init(this.ApplicationContext, false);
        var androidClient = Com.Facebook.Flipper.Android.AndroidFlipperClient.GetInstance(this.ApplicationContext);
        var flipperPlugin = new Com.Facebook.Flipper.Plugins.Inspector.InspectorFlipperPlugin(this.ApplicationContext, Com.Facebook.Flipper.Plugins.Inspector.DescriptorMapping.WithDefaults());
        androidClient.AddPlugin(flipperPlugin);
        androidClient.Start();
    }
...

Note for Android

The default .NET Android SDK location is not the same as it can be for what Android Studio sets up. Check your Flipper Desktop app and make sure that the SDK is set to the one you use for .NET, or else your apps will not appear in the UI.