A jetpack compose form builder implementation.

If I have an update form that I wish to prepopulate with data which method should be called. Or is there a need to create the setData equivalent of getData on FormState?

Just as the README states, we will need various functions specified in the library for validations.

You can start by creating an open class to define your validators:

sealed interface Validators
open class Email(var message: String): Validators
open class Required(var message: String): Validators
open class Min(var message: String, var limit: Double): Validators
open class Max(var message: String, var limit: Double): Validators
open class Regex(var message: String, var regex: String): Validators

Then in the state class, you can add the actual implementation of the validator:

private fun required(): Boolean = text.isNotEmpty()

In case of any question, you can reach out to me or check this repo for further guidance.

This library is awesome, can we validate dropdown menu (spinner) with form_builder? If it is possible than show us how to implement it or if it is not possible than please add this validation too. thnx.

Here's a list of more validations that we can add to our already existing validations list.

1. Phone: this can be used to verify phone numbers. From the android util patterns, we can verify this data just like we do with emails.
2. Web URL: this can be used to verify links. Simply that. Same case as the phone, we have android utils.
3. Cards: We can use this to verify credit card numbers.

Added a new navigation composable that has a button. It receives two arguments:

• screen: this is the current page in the survey flow
• navigate: the lambda function to be executed once the user clicks the button.

In the SurveyViewmodel we will be calling navigate function to change the screen once the user clicks the button in this composable. We will also need to check if the Validate on each screen option is set to true. If so, we will validate the current screen before changing the page.

This fixes #32

Implemented the tab layout composables. Since there is no Material composable for such a behaviour, I implemented a custom tab using the Canvas API.

Using Modifier.onGloballyPositioned I am able to get the center of each text header in the Tab. I use this as the offset on the X-axis to draw the indicators below the Text using the Canvas.drawCircle function. I also use the same to draw the line that connects the indicators.

Animations use the simple AnimatedVisibility composable.

This solves #31

This involves the buttons on each of the survey pages.

TO-DO's

• [x] Add the buttons composable
• [x] Implement navigation between the survey pages
• [x] Start validations if needed
• [x] Navigate to ExitActivity if needed

This includes the indicator at the top of the screen.

TO-DO's

• [x] Create the TabLayout composable
• [x] Implement the state changes and update the UI on navigation

Nice to have's

• [x] Animate the visibility on navigation
• [x] Animate the transition on navigation

TO-DOs

• [x] Implement the validate on each screen flow
• [x] Add the individual form validations
• [x] Implement the whole survey validation
• [x] Navigate to the error screens if needed

Nice to have's

• [ ] Animate the navigation to the error screens

In the SurveyViewmodel class, create a the form states to hold the states of all the fields of a single page the survey. All fields must have the Validators.Required validator.

TO-DO's

• [x] Create the different form states
• [x] Add field states to the specific form states
• [x] Add the respective validators in each of the field states