Skip to content

yerloveraaa/Admin

Repository files navigation


React Native Components

A curated collection of reusable React Native components and utilities tailored for rapid mobile app development.

🔥 Features

  • 🧩 Modular exports.
    • Import only the components and utilities you need to keep bundle size minimal.
  • 🎨 Theming support.
    • Seamless integration with @jmstechnologiesinc/react-native-paper for consistent styling.
  • 🌐 Localization utilities.
    • Built-in localized and setI18nConfig for easy i18n setup.
  • 📍 Map and geolocation components.
    • Core MapboxGLWrapper with subcomponents for cameras, markers, tooltips, and heatmaps.
    • High-level APIs for routes, bounding boxes, driver monitoring, and location selection.
  • 🔧 Comprehensive helper functions.
    • Utilities for image URLs, action sheets, deep linking, permissions, geolocation, and more.
    • Maximizes cross-platform code re-usability e.g. re-using code on web platforms.

picture of storybook

Modular Components

A lightweight, modular suite of over 20 reusable React Native UI components—fully customizable via props and styles.
If you’re looking for a specific component, please select its link from the list below.

Name Demo
List Demo: View demo
Vendor View Demo: View demo
Screen Wrapper Demo: View demo
Quantity Button Demo: View demo
Tips Filter Demo: View demo
Checkout Demo: View demo
Action Group Demo: View demo
Cart List Demo: View demo
Chip List Demo: View demo
Dynamic Form Demo: View demo
Industry List Demo: View demo
Photo Gallery Demo: View demo
Product List Demo: View demo
Product View Demo: View demo
Segmented Button Group Demo: View demo
Side Nav Demo: View demo
Social Login Demo: View demo
Sticky Section List Demo: View demo
Swipe To Delete Demo: View demo
Tabs Demo: View demo
Touchable Ripple Wrapper Demo: View demo
Vendor List Demo: View demo

📦 Installation

npm install @jmstechnologiesinc/react-native-components
# or
yarn add @jmstechnologiesinc/react-native-components

⚙️ Peer Dependencies

  • react
  • react-native
  • @jmstechnologiesinc/react-native-paper

Install peers:

npm install react react-native @jmstechnologiesinc/react-native-paper

🚀 Usage

Basic Import

import {
  List,
  ProductList,
  Tabs,
  ActionGroup,
  Form,
  ImagePicker,
  styles,
} from '@jmstechnologiesinc/react-native-components';

🤝 Contributing

  1. Fork: git clone https://github.com/jmstechnologiesinc/react-native-components.git
  2. Branch: git checkout -b feature/YourFeature
  3. Commit: git commit -m "Add new component"
  4. Push: git push origin feature/YourFeature
  5. PR: Open a pull request.

Follow code style and run npm run build before submitting.

📄 License

ISC © JMSTechnologies Inc.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •