Entonces, comencemos con la configuración de esto. Aquí, iniciar cámara asíncrona es la función que llamamos
para abrir la cámara, pero en realidad allí, puede configurar bastante.
Si pasa un objeto aquí, tiene un par de opciones que puede configurar y, por supuesto, los documentos de exposición oficiales para el
selector de imágenes son el lugar al que debe ir para aprender todo sobre estas opciones.
Ahora, la configuración predeterminada en realidad está
bastante bien, pero por ejemplo aquí, podría agregar permisos de edición y establecerlo en verdadero para obtener un editor básico
que le permita recortar la imagen, por ejemplo, y eso es realmente algo que habilitaré aquí.
También puede establecer una relación de aspecto específica donde desee iniciar sesión, como 16: 9, que se tendrá
en cuenta en su modo de edición.
También puede establecer si desea una cadena base64 en lugar de un archivo o además del archivo, debería decir, lo que significa que
obtiene una cadena de texto que representa su imagen, que es bastante grande y no lo haré aquí
y también puedes controlar la calidad y allí, estableceré la calidad en 0.
5, este debería ser un valor entre 0 y 1, donde uno es el valor más alto posible y, por
supuesto, esto también afecta el tamaño de la imagen a partir de entonces.
Por lo tanto, desea elegir un tamaño o una calidad que tenga sentido para su aplicación.
Si solo usa la imagen como una miniatura, es posible que no necesite imágenes de súper alta resolución. Con eso, esto está configurado y la pregunta,
por supuesto, es ¿cómo tenemos acceso a la imagen que se tomó?
Bueno, recuerda que esto es una promesa o que esto devuelve una promesa.
Bueno, por
supuesto, por lo tanto, podemos esperar esa promesa y el resultado que volvemos después de que se resuelva la promesa es la imagen,
por lo que podemos almacenar esta imagen de forma constante. Una imagen ahora es un objeto con varios datos sobre la
imagen que se tomó.
Entonces, aquí, podemos consolar la imagen de registro para ver qué hay allí.
Guardemos esto y probémoslo en Android. Allí, si ahora voy a
esta nueva pantalla aquí, tomo una imagen y tomo esta imagen con esta cámara simulada simulada. Llego aquí y
confirmo
esto, ahora voy a este recorte
o a esta herramienta de edición porque habilité la edición, aquí yo tengo este formato 16: 9 que puedo
mover y al hacer clic en recortar, ahora puedo seleccionar esto y si
ahora miramos la consola, vemos que este es el objeto que recuperamos.
Es un objeto con un campo cancelado que nos dice que esto no se canceló pero que tomamos una imagen, por lo
que
este es un campo que podemos verificar para averiguar si el usuario tomó una imagen o si
el proceso se canceló.
Obtenemos la altura de la
imagen y el ancho, obtenemos el tipo que es la imagen y el URI, por lo que un enlace al archivo de imagen.
Ahora esto se encuentra en un directorio temporal que se limpia automáticamente periódicamente,
por lo que no es el almacenamiento o la ruta donde desea almacenarlo permanentemente y lo trasladaremos más tarde
con la API del sistema de archivos, pero por ahora, esto es
algo que puede trabajar con
Entonces, para generar una vista previa, podemos administrar algún estado aquí en el selector de imágenes importando el estado de uso y
luego inicializarlo allí, se puede llamar al estado de uso aquí y, por supuesto, recupero
algunos datos aquí y esa es mi imagen elegida y un establezca la función de imagen seleccionada como está acostumbrado
desde el estado de uso y
ahora podemos utilizarla aquí.
Aquí quiero establecer la imagen elegida en imagen. uri, entonces ese enlace a mi imagen,
de modo que esa ruta
como una cadena a mi imagen y lo bueno es que esta ruta se puede usar con el componente de
imagen, funciona con el componente de imagen sin ninguna configuración especial.
Entonces, allí podemos agregar fuente y ahora tenemos que configurar esto
en un objeto con esta propiedad URI. Hasta ahora en el curso, usamos eso para apuntar a imágenes de
red, bueno, también puede apuntar a imágenes
locales, así que aquí podemos apuntar a la imagen elegida.
Por supuesto, esto solo funciona si tenemos una imagen seleccionada, que es el caso después de usar
la cámara, por lo que ahora podemos agregar una marca if aquí o una expresión ternaria simple
donde verificamos si la imagen seleccionada está configurada y si no está configurada, de ahí el signo de exclamación, muestro este texto alternativo, de lo contrario
con los dos puntos aquí, configuré la imagen y ahora tenemos esta salida condicional y, por lo tanto, ahora si guardamos eso y esto se
reinicia en ambos dispositivos, en ambos simuladores, si voy para Android y tomo mi
imagen aquí, por supuesto, esta cámara se abre como era de esperar. Podemos confirmar esto, elegir nuestra imagen, recortarla y
ahora la
vemos aquí en la vista previa, así que esa es
nuestra imagen que se está acostumbrando.
Y con eso, por supuesto, es hora de agregarlo al lugar que podemos agregar haciendo clic en el botón Guardar lugar y es
hora de agregar algo de espacio entre estos dos botones, supongo.