pdrozz / tutorialbox-compose

Highlight composable views of your App using Jetpack Compose

Hi 👋, I'm Pedro

Android Developer - Mid Level

           

---

I'm a Brazilian developer who loves to develop for mobile devices using Android SDK with Kotlin, Java and some tools.

data class Pedro (
    val name: String = "Pedro Cardoso",
    var age: Int = 21,
    var languages: Array<String> = arrayOf("Kotlin", "Java", "Python"),
    var architecture: Array<String> = arrayOf("MVVM", "MVP", "MVC"),
    var VCS: Array<String> = arrayOf("GIT", "GitHub", "GitLab", "BitBucket"),
    var interest: String = "Android Development"
)

---

👨‍💻 Check any of my projects using modern tools here.

tutorialbox-compose's Issues

Show two components with the spotlight at the same time

I was wondering when testing the tutorialBox, how it would look in case we had to show two different components with the focus, for example an icon at the top of the screen and a button at the bottom of the screen in case both need to have the spotlight at the same time and only one of them with TutorialText, could you tell me if this possibility exists?

Support for scrollable columns

As of now, the tutorial behaves weirdly if there are to-be-highlighted composables outside of the screen.
Ideally, the column should scroll as required to complete the tutorial.

Add support for Compose Multiplatform

Compose is becoming a thing not only for Android, but also desktop, web, and iOS! See https://www.jetbrains.com/lp/compose-multiplatform/

I'd love to be able to use this composable e. g. for my Compose for Web app.

Support for multi-screen tutorials

The tutorial box looks neat but does not work well if the TutorialBox composable is placed inside a Scaffold.
Specifically, if this Scaffold has a TopBar, then each to-be-highlighted composable's global position is shifted incorrectly.

A proper solution would need some brainstorming, but it is desirable that Tutorial Box should support multi-screen tutorials, both with and without navigation-compose.