skills.rest
sampaio-tech
sampaio-techOFFICIAL
Explore all skills by this author →
WebsiteGitHub

form-widgets

Create reusable iOS-style form widgets for Flutter applications.

19|2|Updated Apr 29, 2023
Search Tags:#ios#forms#ui components#flutter#widgets#cupertino
One-click install
npx skills add https://github.com/sampaio-tech/iOS-design-system --skill form-widgets
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: form-widgets
Source: https://github.com/sampaio-tech/iOS-design-system/tree/main/.claude/skills/form-widgets
Command: npx skills add https://github.com/sampaio-tech/iOS-design-system --skill form-widgets

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the creation of native iOS-style form elements within Flutter applications, ensuring consistency with Apple's Human Interface Guidelines and reducing boilerplate code.

Core Features & Use Cases

  • Comprehensive Form Controls: Provides ready-to-use widgets for text input, search, toggles, date/time selection, and custom pickers.
  • Theming and Styling: Automatically adapts to the iOS design system's theming, ensuring a native look and feel.
  • Developer Productivity: Offers pre-built patterns and examples, including integration with flutter_hooks, to speed up development.
  • Use Case: Quickly implement a settings screen with toggles for notifications and a date picker for reminders, all styled consistently with iOS.

Quick Start

Use the form-widgets skill to create a text field with the placeholder 'Enter your email'.

Frequently Asked Questions about form-widgets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build native iOS-style forms in Flutter?▼

Build iOS-style forms in Flutter using a collection of reusable widgets like text fields, search bars, switches, and date pickers. These widgets ensure consistency with Apple's Human Interface Guidelines while reducing boilerplate code.

Does this Skill include form validation for Flutter text fields?▼

Yes, form validation is facilitated for Flutter text fields. It provides pre-built patterns and examples to validate user input effectively within native iOS-style form controls.

Can I integrate flutter_hooks for state management in iOS-style form widgets?▼

Yes, you can integrate flutter_hooks for state management in iOS-style form widgets. The Skill offers pre-built patterns and examples to ensure efficient state handling using hooks.

What is the best way to create a Cupertino settings screen with toggles and date pickers?▼

The best way to create a Cupertino settings screen is using the provided ready-to-use widgets for toggles, date pickers, and custom scrollable pickers. They automatically adapt to the iOS design system theming.

Do I need specific dependencies to use custom scrollable pickers in Flutter?▼

No specific external dependencies are required to use custom scrollable pickers. The Skill provides these widgets directly, allowing you to implement native iOS-style pickers without additional package dependencies.

Related Skills

Explore More Software Engineering Skills→
openwebfopenwebf
2.5k

webf-native-ui

Integrates WebF's Cupertino UI components into JavaScript projects.

Official
Advanced
flutterflutter
2.8k

flutter-building-forms

Create validated Flutter forms with StatefulWidget, GlobalKey, and TextFormField.

Official
Intermediate
serverpodserverpod
8

riverpod-codegen-and-hooks

Generates Riverpod providers from annotations and integrates flutter_hooks widget state management.

Official
Intermediate
jerelvelardejerelvelarde
6

flutter-platform-patterns

Guides Flutter platform-adaptive UI patterns and native integration via platform channels.

Community
Advanced