Rol de accesibilidad (iOS, Android)

Rol de accesibilidad (iOS, Android)

• ninguno Sin elementos característicos.

• El botón tiene las características de un botón.

• El enlace tiene características de enlace.

• La búsqueda es un cuadro de texto utilizado como cuadro de búsqueda.

• La imagen tiene características de imagen. Se puede usar junto con botones o enlaces.

• El elemento keyboardkey se usa como una tecla del teclado virtual.

• El texto tiene las características del texto no modificable.

• El elemento ajustable tiene características ajustables (como un control deslizante).

• botón de imagen

• El encabezado sirve como el encabezado del área de contenido (como el título de la barra de navegación).

• summary Proporciona el elemento de información de resumen de resumen actual cuando la aplicación se inicia en frío (se refiere a salir completamente del fondo y luego ingresar). Por ejemplo, cuando la aplicación meteorológica comienza en frío, el elemento que muestra las condiciones climáticas actuales se marcará como resumen.

• alerta

• caja

• caja combo

• menú

• Barra de menús

• opción del menú

• barra de progreso

• radio

• radiogrupo

• barra de desplazamiento

• botón giratorio

• cambiar

• lengüeta

• lista de pestañas

• Temporizador

• barra de herramientas

Mejora la experiencia del usuario

• Configurar entrada de texto

Debido a la pequeña pantalla y al teclado suave del teléfono móvil con pantalla táctil, es un desafío ingresar texto en el teléfono móvil. Pero puede configurar el ingreso de texto en función de los datos que necesita para facilitar este proceso.

Enfoque automático (enfoque) El primer campo de texto usa un marcador de posición como el formato de entrada esperado para habilitar o deshabilitar las mayúsculas y las correcciones automáticas. Seleccione el tipo de teclado [por ejemplo, correo electrónico, numérico] Asegúrese de que el botón Entrar se centra en el siguiente campo o envía el formulario

• Gestión de diseño cuando el teclado está oculto

El teclado suave ocupa casi la mitad de la pantalla del teléfono. Si tiene componentes interactivos que serán cubiertos por el teclado virtual, utilice [Componente KeyboardAvoidingView] para asegurarse de que se pueda acceder a ellos cuando se abre el teclado.

• Agrandar el área táctil

Es muy difícil hacer clic con precisión en un botón del teléfono. Asegúrese de que todos los elementos interactivos sean mayores o iguales a 44x44. Las formas comunes de admitir tamaños grandes son: usar estilos de relleno, minWidth y minHeight. Alternativamente, puede usar el atributo hitSlop para aumentar el área interactiva sin afectar el diseño

• Bloqueo de rotación de pantalla

En circunstancias normales, se mostrarán varias pantallas (referidas a paisaje y retrato) a menos que use la API Dimensiones y no maneje los cambios de orientación. Si no desea admitir varias orientaciones de pantalla, puede bloquear la orientación de la pantalla en horizontal o vertical.

Para Android, abra el archivo AndroidManifest.xml y agregue 'android: screenOrientation = "portrait"' en el elemento Activity para bloquear la pantalla en vertical, o use 'android: screenOrientation = "landscape"' para bloquear la pantalla en horizontal.

• Temporizador

setTimeout, clearTimeout setInterval, clearInterval setImmediate, clearImmediate requestAnimationFrame, cancelAnimationFrame requestAnimationFrame (fn) y setTimeout (fn, 0) son diferentes, el primero se ejecutará una vez después de cada actualización del marco, y el último se ejecutará tan rápido como sea posible en el iPhone 5 (posible en iPhone) Más de 1000 veces por segundo).

setImmediate se ejecutará al final del bloque de ejecución de JavaScript actual, justo antes de enviar datos de respuesta por lotes al nativo. Tenga en cuenta que si ejecuta setImmediate en la función de devolución de llamada de setImmediate, se ejecutará inmediatamente, en lugar de esperar el código nativo antes de la llamada.

La implementación de Promise usa setImmediate para realizar llamadas asincrónicas.

Una razón importante por la que las aplicaciones nativas de InteractionManager se sienten tan suaves es evitar operaciones pesadas durante la interacción y la animación. En React Native, actualmente estamos restringidos porque solo tenemos un hilo de ejecución de JavaScript. Sin embargo, puede usar InteractionManager para asegurarse de que todas las interacciones y animaciones se hayan procesado antes de realizar un trabajo pesado.

La aplicación puede usar el siguiente código para programar una tarea que se ejecutará después de que finalice la interacción:

InteractionManager.runAfterInteractions(() => {
  // ...需要长时间同步执行的任务...
});