Individual skill

react-native-elements

React Native Elements UI component library best practices for performance, theming, and proper component usage. Use when building React Native apps with RNE, configuring themes, optimizing lists with ListItem, or reviewing RNE component code.

skills/.experimental/react-native-elements/SKILL.md

Read pinned source

Source commit cf93c57cac89d6fc3e4194686000411567f5caf3

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: No
Skill scan complete: Yes
Observed behavior: Not checked yet
Last checked: Nov 5, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 222
Repository last updated: Aug 15, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

design Derived category
engineering Derived category
design-interface Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 6,706 bytes
assets/templates/_template.mddoc · 888 bytes
metadata.jsonasset · 928 bytes
references/_sections.mddoc · 1,738 bytes
references/adv-custom-component.mddoc · 2,002 bytes
references/adv-image-component.mddoc · 2,397 bytes
references/adv-makeStyles.mddoc · 2,318 bytes
references/adv-overlay-modal.mddoc · 2,794 bytes
references/adv-platform-specific.mddoc · 2,164 bytes
references/comp-avatar-vs-image.mddoc · 3,899 bytes
references/comp-button-type.mddoc · 3,371 bytes
references/comp-icon-source.mddoc · 3,018 bytes
references/comp-input-over-textinput.mddoc · 2,965 bytes
references/comp-listitem-over-view.mddoc · 2,632 bytes
references/comp-searchbar-platform.mddoc · 3,053 bytes
references/event-avoid-anonymous.mddoc · 2,721 bytes
references/event-debounce-search.mddoc · 2,340 bytes
references/event-input-handlers.mddoc · 3,392 bytes
references/event-listitem-onpress.mddoc · 2,505 bytes
references/event-usecallback.mddoc · 2,098 bytes
references/list-getitemlayout.mddoc · 3,179 bytes
references/list-keyextractor.mddoc · 2,840 bytes
references/list-memo-items.mddoc · 2,859 bytes
references/list-removeClipped.mddoc · 3,659 bytes
references/list-renderitem-callback.mddoc · 2,943 bytes
references/list-virtualized.mddoc · 3,463 bytes
references/list-windowsize.mddoc · 3,119 bytes
references/props-button-color.mddoc · 3,610 bytes
references/props-disabled-styling.mddoc · 2,913 bytes
references/props-icon-configuration.mddoc · 3,246 bytes
references/props-input-validation.mddoc · 3,762 bytes
references/props-loading-state.mddoc · 2,660 bytes
references/props-searchbar-loading.mddoc · 4,131 bytes
references/setup-createtheme.mddoc · 2,404 bytes
references/setup-imports.mddoc · 2,108 bytes
references/setup-safe-area.mddoc · 2,412 bytes
references/setup-themeprovider.mddoc · 1,906 bytes
references/setup-tree-shaking.mddoc · 2,136 bytes
references/style-component-props.mddoc · 2,194 bytes
references/style-containerStyle.mddoc · 1,873 bytes
references/style-stylesheet.mddoc · 1,624 bytes
references/style-theme-colors.mddoc · 2,082 bytes
references/style-usememo-dynamic.mddoc · 1,766 bytes
references/theme-color-scheme.mddoc · 1,931 bytes
references/theme-component-defaults.mddoc · 1,923 bytes
references/theme-custom-colors.mddoc · 2,211 bytes
references/theme-dark-mode.mddoc · 1,816 bytes
references/theme-updatetheme.mddoc · 2,194 bytes
references/theme-usetheme-hook.mddoc · 1,472 bytes

Read excerpt


# Community React Native Elements Best Practices

Comprehensive best practices guide for React Native Elements applications. Contains 45 rules across 8 categories, prioritized by impact to guide component usage, theming, and performance optimization.

## When to Apply

Reference these guidelines when:
- Setting up React Native Elements in a new project
- Configuring ThemeProvider and createTheme
- Building lists with ListItem components
- Implementing form inputs with Input and SearchBar
- Optimizing FlatList performance with RNE components
- Reviewing code using React Native Elements