Cashflow Component

The CashflowComponent shows the user's gross expense and income over a period of time, along with the difference between them.

Usage

SwiftUI

SwiftUI

To use this view in a SwiftUI project, just call the CashflowComponent method of your LuneSDKManager instance as shown in the example below.

HomeView.swift

import SwiftUI
import LuneSDK

struct HomeView: View {
    // ... removed for simplicity

    var body: some View {
        luneSDK.CashflowComponent()
    }
}

tip

You can add an optional argument to the slotContent parameter if you need to render a custom view below the page content. Here is a simple example with a list of cards.

HomeView.swift

import SwiftUI
import LuneSDK

struct HomeView: View {
    // ... removed for simplicity

    var body: some View {
        luneSDK.CashflowComponent(
            slotContent: {
                // Add any custom view in here
                VStack(alignment: .leading) {
                    HStack {
                        Text("Title")
                        Spacer()
                        Text("Action")
                    }
                    ScrollView(.horizontal) {
                       HStack {
                            ForEach(0..<5, id: \.self) { _ in
                                Text("Hey yo!")
                                .padding()
                                .background(Color.random())
                            }
                        }
                    }
                }
                .padding()
            }
        )
    }
}

// Helper for random colors in the example
extension Color {
    static func random() -> Color {
        return Color(
            red: .random(in: 0...1),
            green: .random(in: 0...1),
            blue: .random(in: 0...1)
        )
    }
}

Objective-C

Objective-C

To use this view in an Objective-C project, just call the CashflowComponentWithConfig method of your LuneSDKObjcManager instance as shown in the example below.

YourViewController.m

- (void)viewDidLoad {
    [super viewDidLoad];

    // cashflow setup, after initializing luneSDK
    UIViewController *hostingController = [self.luneSDK CashflowComponentWithConfig:nil];
    [self addChildViewController:hostingController];
    [self.view addSubview:hostingController.view];

    // ... constraints setup removed for simplicity
}

---

Localization Keys and Analytics Tags

Analytics Tags    Localization Keys

Analytics Tags cashflow_amount outflow_amount outflow_tile inflow_tile Localization Keys lune_sdk_str_outflow lune_sdk_str_inflow lune_sdk_str_you've_spent_ lune_sdk_str__more_than_you_have_earned lune_sdk_str_you've_earned_ lune_sdk_str__more_than_you_have_spent