React Native Components

This library brings together proven components and utilities that powered the Daxir mobile application, now refined and open-sourced to accelerate development for the React Native community. Each component has been optimized for performance, accessibility, and real-world usage scenarios.

🔥 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.

---

Visit our Storybook page for a complete gallery of example screenshots: View Screenshots

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
Vendor View
Screen Wrapper
Quantity Button
Tips Filter
Checkout
Action Group
Cart List
Chip List
Dynamic Form
Industry List
Photo Gallery
Product List
Product View
Segmented Button Group
Side Nav
Social Login
Sticky Section List
Swipe To Delete
Tabs
Touchable Ripple Wrapper
Vendor List

📦 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/your-feature-branch
3. Commit: git commit -m "initial commit"
4. Push: git push origin feature/your-feature-branch
5. PR: Open a pull request.

Contributors

Joel Maria Founder - Jms Technologies, Inc