optimatica-meters-react-native

React Native компонент MeterPhotoAnalyzer для iOS и Android.

Установка

npm install optimatica-meters-react-native optimatica-meters react-native-image-picker

Peer dependencies:

• react >= 18
• react-native >= 0.72
• react-native-image-picker >= 7

Настройте нативные permissions для камеры и галереи согласно документации image-picker.

Использование

import { MeterPhotoAnalyzer } from 'optimatica-meters-react-native'

export function MeterScreen() {
  return (
    <MeterPhotoAnalyzer
      apiKey="eyJhbGci..."
      onSuccess={(result) => {
        console.log(result.meter.serialNumber)
      }}
    />
  )
}

Props

Prop	Тип	По умолчанию	Описание
apiKey	string	—	API-ключ (JWT)
showApiKeyInput	boolean	auto	Поле ввода ключа
showRawJson	boolean	false	Показать сырой JSON-ответ
disabled	boolean	false	Отключить UI

Callbacks

Callback	Payload
onAnalyzeStart	ReactNativeImageAsset
onSuccess	{ success: true, meter }
onError	string
onComplete	(response, error)

Камера и галерея

Компонент использует:

• launchCamera() — съёмка
• launchImageLibrary() — выбор из галереи

Изображение отправляется через FormData с { uri, name, type } — см. optimatica-meters.

Hook

import { useMeterAnalyze } from 'optimatica-meters-react-native'

Стили

Встроенный StyleSheet — отдельный CSS не требуется.