Skip to main content

Cashflow Component

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

Usage​

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

CashflowView.kt

import io.lunedata.lunesdk.library.classes.LuneSDKManager

@Composable
fun CashflowView(
luneSDK: LuneSDKManager
) {
luneSDK.CashflowComponent()
}

To use this view in a project with Activities and Fragments, set the component property of your view to LuneView.CashflowComponent, as shown in the example below.

YourActivity.kt
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)

// Grab our luneView and set the component property.
val luneView = findViewById<LuneCompatManager>(R.id.luneLayout)
luneView.component = LuneView.CashflowComponent
}
tip

You can now add an optional argument to the CashflowViewParams(view) parameter if you need to render a custom view as the footer of the screen. Here is a simple example with a list of cards.

lunekit = LuneSDKManager(
baseUrl = ClientApi.baseURl ?: "",
token?: "",
)

val luneView = findViewById<LuneCompatManager>(R.id.luneLayout)
val view = layoutInflater.inflate(R.layout.layout_recycle, null, false)

val recyclerview = view.findViewById<RecyclerView>(R.id.list_item)
val viewAll = view.findViewById<TextView>(R.id.tv_viewAll)

viewAll.setOnClickListener {
Toast.makeText(this, "View All Click Action", Toast.LENGTH_LONG).show()
}

recyclerview.layoutManager = LinearLayoutManager(this, RecyclerView.HORIZONTAL, false)

val data = ArrayList<String>()
for (i in 1..20) {
data.add("Item $i")
}

val adapter = CustomAdapter(data)
recyclerview.adapter = adapter

luneView.manager = lunekit
luneView.component = LuneView.CashflowComponent
luneView.data = CashflowViewParams(view)

Localization Keys and Analytics Tags​

Analytics Tags    Localization Keys

Component Screenshot

Analytics Tags

  1. cashflow_amount
  2. outflow_amount
  3. outflow_tile
  4. inflow_tile

Localization Keys

  1. lune_sdk_str_outflow
  2. lune_sdk_str_inflow
  3. 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