Flutter 3.27 iOS UI new updates

CupertinoSlidingSegmentedControl

The CupertinoSlidingSegmentedControl is a widget in Flutter’s Cupertino (iOS-styled) design system that creates a sliding segmented control, allowing users to toggle between a set of options.

CupertinoSliverNavigationBar & CupertinoNavigationBar

CupertinoSliverNavigationBar is for scrollable pages with a collapsible navigation bar.

1. Large Title: The title expands or collapses as you scroll.
2. CustomScrollView: Wrap the content in a scrollable view.
3. SliverList: Example of scrollable content paired with the sliver navigation bar.

CupertinoNavigationBar is a simple navigation bar for
iOS-style apps.

1. Middle: Title text in the center.
2. Trailing: Another button (e.g., settings).

CupertinoButton

1. A default, customizable button.
2. Properties like color and padding allow for styling.

CupertinoButton.filled

1. A pre-styled button with a solid background color.
2. Great for actions that need emphasis.

CupertinoButton.tinted

1. A button with a subtle, tinted effect.
2. Provides a less aggressive visual emphasis compared to filled.

CupertinoPicker

The CupertinoPicker is a Flutter widget that provides an iOS-style picker interface, often referred to as a “spinning wheel” or “scroll wheel.” It is typically used for selecting from a list of discrete options, such as time intervals, custom settings, or predefined values.

CupertinoAlertDialog

While the core CupertinoAlertDialog functionality remains consistent, newer versions ensure smoother animations, better alignment, and subtle visual enhancements to match iOS updates.

Thanks & Happy Coding!!!

For more about me check here:

1. https://www.youtube.com/@Flutter-monk
2. https://github.com/vignesh7501
3. https://stackoverflow.com/users/10265036/vignesh