Welcome to @cumbre/react-native 🎉

The @cumbre/react-native package provides a collection of reusable React components designed to streamline development and improve productivity. With fields, buttons, and utility components, this package is perfect for building forms, layouts, and interactive features efficiently.

Installation

To install the library, run:

npm install @cumbre/react-native

Peer Dependencies

This package relies on the following peer dependencies:

• react
• react-native
• react-native-svg

Make sure to install them in your project. If you are using Expo, you can run:

expo install react react-native react-native-svg

If not, use:

npm install react react-native react-native-svg

Features

• A collection of reusable React Native components
• Zustand state management integration
• Designed for compatibility with or without Expo

Components Included

The following table lists the components included in this package, along with links to their documentation:

| Component Name | Props Documentation | Usage Guide | |----------------------|-------------------------------------------------------|--------------------------------------------------------| | TypingEffect | Props | Usage | | DynamicIcon | Props | Usage |

Usage

Import and use the components in your React Native project:

TypingEffect

import { TypingEffect } from "@cumbre/react-native";

const App = () => {
    return (
        <TypingEffect 
            text="Hello, world!" 
            speed={100} 
            showCursor={true} 
        />
    );
};

export default App;

DynamicIcon

import { DynamicIcon } from "@cumbre/react-native";

const App = () => {
    const paths = [
        { d: "M10 10 H 90 V 90 H 10 Z", color: "primary" },
    ];

    return <DynamicIcon size={50} paths={paths} />;
};

export default App;

Scripts

Build

To build the library, run:

npm run build

Check Peer Dependencies

To ensure all required peer dependencies are installed:

node ./scripts/checkPeerDependencies.js

Contributing ❤️

We warmly welcome contributions to @cumbre/react-native! If you would like to improve existing components or add new features, please check out our Contribution Guide. Together, we can make this library even better!

License

MIT © 2025 Roberto Carraro