react-native-calc-sdk

React Native Calculator SDK - Simple arithmetic operations with ready-to-use components and hooks.

Installation

npm install react-native-calc-sdk
# or
yarn add react-native-calc-sdk

Features

• Ready-to-use Calculator component
• useCalculator hook for custom UI
• Utility functions for arithmetic operations
• Full TypeScript support

Usage

Calculator Component

import { Calculator } from 'react-native-calc-sdk';

function App() {
  return (
    <Calculator
      onResultChange={(result) => console.log('Result:', result)}
    />
  );
}

Props

| Prop | Type | Description | |------|------|-------------| | style | ViewStyle | Container style | | buttonStyle | ViewStyle | Operation button style | | buttonTextStyle | TextStyle | Button text style | | inputStyle | ViewStyle | Input field style | | resultStyle | TextStyle | Result text style | | onResultChange | (result: number \| null) => void | Callback when result changes |

useCalculator Hook

import { useCalculator } from 'react-native-calc-sdk';

function CustomCalculator() {
  const calc = useCalculator();

  return (
    <View>
      <Text>Value 1: {calc.value1}</Text>
      <Text>Value 2: {calc.value2}</Text>
      <Text>Result: {calc.result}</Text>

      <Button title="Add" onPress={calc.add} />
      <Button title="Subtract" onPress={calc.subtract} />
      <Button title="Multiply" onPress={calc.multiply} />
      <Button title="Divide" onPress={calc.divide} />
      <Button title="Clear" onPress={calc.clear} />
    </View>
  );
}

Returns

| Property | Type | Description | |----------|------|-------------| | value1 | number | First operand | | value2 | number | Second operand | | result | number \| null | Calculation result | | error | string \| null | Error message | | setValue1 | (value: number) => void | Set first operand | | setValue2 | (value: number) => void | Set second operand | | add | () => void | Add values | | subtract | () => void | Subtract values | | multiply | () => void | Multiply values | | divide | () => void | Divide values | | execute | (operation: Operation) => void | Execute operation | | clear | () => void | Reset all values |

Utility Functions

import { add, subtract, multiply, divide, calculate } from 'react-native-calc-sdk';

add(5, 3);        // 8
subtract(10, 4);  // 6
multiply(3, 7);   // 21
divide(20, 5);    // 4

calculate(10, 2, 'add');      // 12
calculate(10, 2, 'subtract'); // 8
calculate(10, 2, 'multiply'); // 20
calculate(10, 2, 'divide');   // 5

Requirements

• React >= 18.0.0
• React Native >= 0.70.0

License

MIT