react-native-calculator-keyboard

react native calculator keyboard

Installation

npm install react-native-calculator-keyboard

Usage

import InputCalculator from '@momo-kits/calculator-keyboard';

// ...

<InputCalculator
  mode="NumDefault"
  customKeyText="Next"
  onCustomKeyEvent={() => console.log('Custom key pressed')}
/>;

Requirements

React Native 0.80+ with Fabric (New Architecture) enabled.

This library is pure Fabric implementation with:

• ✅ Zero RCTBridge dependencies
• ✅ Native C++ ComponentView on iOS
• ✅ Fabric ViewManager with codegen delegates on Android
• ✅ All Props, Events, Commands auto-generated by codegen
• ❌ No Paper (old architecture) support

Android Setup

Add to your gradle.properties:

newArchEnabled=true

Then rebuild:

cd android && ./gradlew clean && cd ..
npx react-native run-android

iOS Setup

Required: Set the environment variable before installing pods:

cd ios
RCT_NEW_ARCH_ENABLED=1 pod install
cd ..
npx react-native run-ios

Note: This library uses Fabric ComponentView (.mm files) and will not work without RCT_NEW_ARCH_ENABLED=1.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library