Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create a Progress Stepper VIew #13

Closed
Shubham0812 opened this issue Oct 15, 2021 · 2 comments
Closed

Create a Progress Stepper VIew #13

Shubham0812 opened this issue Oct 15, 2021 · 2 comments
Labels
good first issue Good for newcomers hacktoberfest Hacktoberfest feature or bug UI-related

Comments

@Shubham0812
Copy link
Owner

Requirement

Create a Progress Stepper View, that progress as the user goes through the input Views.

progres

You need to create a UI that starts from the initial state, and you have to increase the step based on user Input.

Proposed Solution

  • Create an Observable Object that contains the number of steps and the current step.
  • Create Views and pass the Observable Object to it.
  • The Stepper view should take the number of steps from the Observable object class and populate the steps.

Bonus Points

  • Add animations to the color and style change of the steps as it progress.
  • You can create simple next and previous buttons that increases the current step.
@Shubham0812 Shubham0812 added good first issue Good for newcomers hacktoberfest Hacktoberfest feature or bug UI-related labels Oct 15, 2021
@Shubham0812 Shubham0812 added this to To do in Habit Tracker To Do List via automation Oct 15, 2021
@SNNafi
Copy link
Contributor

SNNafi commented Oct 15, 2021

I think I can do this. BUT, can you please point me to where should I put the files? I mean, like

Views -> Progress Stepper VIew -> ProgressStepperVIew.swift
Views -> Progress Stepper VIew -> Model -> ProgressStepperModel.swift i.e. the observable object class

Is it good to go :D ?

@SagarPant74
Copy link
Contributor

@SNNafi I thought of breaking the stepper view into two views

  • Rounded rectangle
  • Circle with text
    take a look I have created a PR

Screenshot 2021-10-16 at 3 07 03 AM

Screenshot 2021-10-16 at 3 07 25 AM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers hacktoberfest Hacktoberfest feature or bug UI-related
Development

No branches or pull requests

3 participants