Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

390
Views
Cómo abrir la luz de la antorcha en el móvil (o luz de flash) con React.Js

Quiero abrir/cerrar la luz de la antorcha del móvil cuando estoy alternando el botón de abajo...

ingrese la descripción de la imagen aquí

 <IconButton onClick={() => setFlashOn(!flashOn)} style={{ position: "absolute", right: 80, top: 20, zIndex: 2 }} > {flashOn ? ( <FlashButtonIcon width={44} height={44} /> ) : ( <FlashButtonEmptyIcon width={44} height={44} /> )} </IconButton>

En este momento, solo estoy cambiando el color de relleno del botón cuando lo alterno.

¿Es posible con React?

about 4 years ago · Juan Pablo Isaza
2 answers
Answer question

0

¿Has intentado usar el gancho @blackbox-vision/use-torch-light ?

 import React, { useState, useRef } from 'react'; import { useTorchLight } from '@blackbox-vision/use-torch-light'; const Test = (props) => { const [on, toggle] = useTorchLight(streamRef.current); return ( <> <button onClick={toggle}>{on ? 'Disable Torch' : 'Enable Torch'}</button> </> ); };

Si ejecutar el siguiente comando de instalación genera un error:

 npm i @blackbox-vision/use-torch-light

Es posible que deba instalar las dependencias de pares heredadas. Esto se debe a que las versiones de React de su proyecto no coinciden con las dependencias del módulo. En ese caso ejecutar:

 npm i @blackbox-vision/use-torch-light --legacy-peer-deps

Se basa en la API de ImageCapture , así que primero verifique la compatibilidad entre navegadores.

Es un tema complicado ya que la antorcha del dispositivo es una funcionalidad nativa y una solución integrada a través del navegador implicará un oyente de transmisión que puede conducir a la gestión de múltiples errores, es difícil, como se sugiere en:

  • ¿Es posible controlar la luz de la cámara en un teléfono a través de un sitio web?
  • NodeJS - Encender y apagar Tourch/Linterna en dispositivos móviles Android/IPhone
about 4 years ago · Juan Pablo Isaza Report

0

Un complemento React Native simple para encender/apagar una linterna.

 npm install --save react-native-torch react-native link react-native-torch

Sin verificación de permisos

 import Torch from 'react-native-torch'; Torch.switchState(true); // Turn ON Torch.switchState(false); // Turn OFF

Con verificación de permiso adicional y diálogo (solo Android)

 import Torch from 'react-native-torch'; import { Platform } from 'react-native'; if (Platform.OS === 'ios') { Torch.switchState(this.isTorchOn); } else { const cameraAllowed = await Torch.requestCameraPermission( 'Camera Permissions', // dialog title 'We require camera permissions to use the torch on the back of your phone.' // dialog body ); if (cameraAllowed) { Torch.switchState(this.isTorchOn); } }

Excepción de captura de Android al acceder a Torch, por ejemplo, en un emulador o si el dispositivo no tiene una antorcha

 try { await Torch.switchState(newTorchState); this.setState({ isTorchOn: newTorchState }); } catch (e) { ToastAndroid.show( 'We seem to have an issue accessing your torch', ToastAndroid.SHORT ); }

NOTA: iOS falla silenciosamente, en Android, aún puede llamar sin el bloque de prueba/captura y no provocará un bloqueo

La versión de Android tiene soporte de flujo.

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!