[component] Create Select

[theoribbi]

Summary

Implement the Select component for NativeUI, inspired by the shadcn/ui Select.

Requirements

• Use Pressable, Modal, and FlatList from react-native as base components.
• Support the following features:
  • Display a list of options for the user to pick from, triggered by a button.
  • Controlled and uncontrolled selection states.
  • Optional search functionality within the options list.
  • Support for single and multiple selections.
  • Optional grouping of items under labels.
  • Keyboard navigation for accessibility.
  • Customizable placeholder text.
• Style the component using nativewind utility classes.
• Allow passing a className prop to customize or extend the default styles.
• Ensure type safety with TypeScript.

Deliverables

• Create a select.tsx file under /registry/select.
• Follow the structure and naming conventions similar to shadcn/ui Select.

References

• shadcn/ui Select Documentation
• nativewind Documentation

Notes

Focus on keeping the Select simple, accessible, and easily customizable.
The goal is to make it easy to clone and adapt when building apps.

---