Visual Challenge - Simple Habit Discovery Screen UI

[codercampos]

I tried to replicate the Simple Habit Discovery Screen UI

Original app (iOS version)

Sample in Xamarin Forms - Using Visual

iOS	Android

What went well?

• I'm pretty amazed how the Frame is being rendered in iOS

What didn't went well?

• I tried to set the navigation bar like the app (using Title View) but I didn't want to add a Segmented Control (Via Renderer or a nuget package). Is not an issue but just wanted to point that out.

Want I want to see next?

• A way to control the shadow on frames
• Ability to control each corner. E.g.: set top left and top right cornered but bottom left and right "flat".
• A way to show or hide the navigation bar when scrolling (I started the Saved Trips from AirBnb replication but I didn't want to spend much time doing that behavior). E.g.:

Before Scrolling	After Scrolling

[davidortinau]

Thanks @codercampos, the Frame is indeed the star of the show I'm finding!

Did you give any thought to adding the bottom tabs?

I agree, we need a segmented bar, if even a recipe using a box and buttons.

[PureWeen]

Great stuff @codercampos !!!!

We're working on getting the API together for corners
xamarin/Xamarin.Forms#5280

once we have that solidified should be pretty easy to get that working

[codercampos]

@davidortinau I will try it tomorrow and make them work like the app (following the sample ☺️)

@PureWeen Nice!!

I'm just implementing visual in a personal project and I found a curious stuff: Putting a Frame (with Material activated) into a ViewCell and displaying it into a ListView is behaving weird. When you tap the frame, the item is not selected but if you sligthly tap in an empty space (because of a padding or margin) you can select the item. I know is not the place to mention this (and I will test it in a clean project) but you might check out this later.

[codercampos]

Oh! found out that is already reported in xamarin/Xamarin.Forms#5518

[pashmak73]

@davidortinau
Scrolling is very laggy for this PR too.