Ordem de Foco e Navegação por Teclado

Q: O React Native suporta navegação completa por teclado como a web?

Parcial - TextInput e Pressable focáveis são os blocos de construção principais. Widgets complexos (grades, árvores) precisam de accessibilityActions explícitos e gerenciamento de foco.

Q: Como mover o foco do TalkBack programaticamente?

AccessibilityInfo.setAccessibilityFocus(reactTag) com findNodeHandle(ref.current). Prefira refs em Text ou View com um accessibilityRole="header" claro.

Teclado de hardware e controle de chave em tablets. Um guia para ordem de foco, teclados externos e navegação por chave em iPads, tablets Android e dobráveis - onde layouts focados em toque quebram para usuários sem toque.

Receita

Cartão de receita de referência rápida - pronto para copiar e colar.

import { useRef } from "react";
import { FlatList, Pressable, Text, TextInput, View, StyleSheet } from "react-native";
 
export function KeyboardFriendlyForm() {
  const emailRef = useRef<TextInput>(null);
  const passwordRef = useRef<TextInput>(null);
 
  return (
    <View style={styles.form}>
      <Text nativeID="emailLabel" style={styles.label}>
        Email
      </Text>
      <TextInput
        ref={emailRef}
        accessibilityLabel="Email"
        accessibilityLabelledBy="emailLabel"
        returnKeyType="next"
        blurOnSubmit={false}
        onSubmitEditing={() => passwordRef.current?.focus()}
        style={styles.input}
      />
 
      <Text nativeID="passwordLabel" style={styles.label}>
        Senha
      </Text>
      <TextInput
        ref={passwordRef}
        accessibilityLabel="Password"
        accessibilityLabelledBy="passwordLabel"
        secureTextEntry
        returnKeyType="done"
        style={styles.input}
      />
 
      <Pressable
        accessibilityRole="button"
        accessibilityLabel="Sign in"
        focusable
        style={styles.button}
      >
        <Text style={styles.buttonText}>Entrar</Text>
      </Pressable>
    </View>
  );
}
 
const styles = StyleSheet.create({
  form: { padding: 16, gap: 8 },
  label: { fontWeight: "600" },
  input: { borderWidth: 1, borderColor: "#cbd5e1", borderRadius: 8, padding: 12 },
  button: { minHeight: 44, backgroundColor: "#2563eb", borderRadius: 8, justifyContent: "center", alignItems: "center" },
  buttonText: { color: "#fff", fontWeight: "600" },
});

Quando usar isso: Layouts de tablet, acessórios de teclado de hardware, usuários do Controle de Chave e qualquer tela onde a tecnologia assistiva precise percorrer os controles em uma sequência previsível - especialmente fluxos mestre-detalhe e modais.

Exemplo de Trabalho

Mestre-detalhe em um tablet: selecionar um item da lista move o foco do leitor de tela e o foco do teclado para o cabeçalho de detalhes.

import { useEffect, useRef, useState } from "react";
import {
  AccessibilityInfo,
  FlatList,
  Pressable,
  Text,
  View,
  StyleSheet,
  findNodeHandle,
} from "react-native";
 
type Item = { id: string; title: string; body: string };
 
const DATA: Item[] = [
  { id: "1", title: "Fatura #1042", body: "Vencimento em 12 de abril" },
  { id: "2", title: "Fatura #1043", body: "Paga" },
];
 
export function MasterDetail({ width }: { width: number }) {
  const isSplit = width >= 768;
  const [selectedId, setSelectedId] = useState(DATA[0].id);
  const detailTitleRef = useRef<Text>(null);
  const selected = DATA.find((d) => d.id === selectedId)!;
 
  useEffect(() => {
    if (!isSplit) return;
    const node = findNodeHandle(detailTitleRef.current);
    if (node) {
      AccessibilityInfo.setAccessibilityFocus(node);
    }
  }, [selectedId, isSplit]);
 
  return (
    <View style={styles.split}>
      <FlatList
        style={styles.list}
        data={DATA}
        keyExtractor={(item) => item.id}
        renderItem={({ item }) => (
          <Pressable
            accessibilityRole="button"
            accessibilityLabel={item.title}
            accessibilityState={{ selected: item.id === selectedId }}
            focusable
            onPress={() => setSelectedId(item.id)}
            style={[styles.row, item.id === selectedId && styles.rowSelected]}
          >
            <Text>{item.title}</Text>
          </Pressable>
        )}
      />
      {isSplit ? (
        <View style={styles.detail} accessibilityLabel="Detalhes da fatura">
          <Text
            ref={detailTitleRef}
            accessibilityRole="header"
            style={styles.detailTitle}
          >
            {selected.title}
          </Text>
          <Text>{selected.body}</Text>
        </View>
      ) : null}
    </View>
  );
}
 
const styles = StyleSheet.create({
  split: { flex: 1, flexDirection: "row" },
  list: { flex: 1, maxWidth: 320 },
  row: { padding: 16, minHeight: 48 },
  rowSelected: { backgroundColor: "#e0f2fe" },
  detail: { flex: 2, padding: 24, gap: 8 },
  detailTitle: { fontSize: 22, fontWeight: "700" },
});

O que isso demonstra:

focusable em linhas de lista para travessia de teclado de hardware
accessibilityState.selected expõe a seleção da lista ao TalkBack
AccessibilityInfo.setAccessibilityFocus move o VoiceOver para o cabeçalho de detalhes na mudança de seleção
Layout dividido apenas em telas largas - navegação de pilha do telefone inalterada

Padrões de Receita

Padrão 1: Ordem de Leitura Corresponde à Ordem Visual

React Native não suporta reordenação de foco no estilo order do CSS. Estruture o JSX para que a árvore nativa corresponda à sequência pretendida.

// Preferível - título antes das ações no JSX
<View>
  <Text accessibilityRole="header">Conta</Text>
  <Pressable accessibilityRole="button" accessibilityLabel="Editar perfil" />
  <Pressable accessibilityRole="button" accessibilityLabel="Sair" />
</View>
 
// Evitar - ações posicionadas visualmente acima do título com layout absoluto
// Leitores de tela ainda leem na ordem JSX, a menos que você oculte/reestruture

Técnica	Quando usar
Reordenar JSX	Padrão - mais barato e confiável
`importantForAccessibility="no-hide-descendants"`	Pular colunas decorativas
`setAccessibilityFocus`	Após mudanças de navegação ou seleção
Mesclar com `accessible` no pai	Parada única para linhas tocáveis complexas

Padrão 2: Teclado de Hardware em Tablets

Tecla / ação	Comportamento esperado	Suporte RN
Tab / Shift+Tab	Mover entre controles focáveis	Teclado externo Android + iPad (dependente da plataforma)
Enter / Espaço	Ativar botão focado	`Pressable` com `focusable`
Teclas de seta em listas	Frequentemente mapeia para rolagem, não foco de item	Complementar com semântica de lista explícita
Escape	Fechar modal	Ligar `BackHandler` + restauração de foco

<Pressable
  focusable
  accessibilityRole="button"
  accessibilityLabel="Fechar"
  onPress={onClose}
/>

TextInput é focável por padrão - encadeie campos com returnKeyType="next" e refs
Teste o Teclado Mágico do iPad e o Samsung DeX se seu aplicativo for direcionado a tablets de produtividade

Padrão 3: Controle de Chave e Navegação Sequencial

O Controle de Chave (iOS) e o Acesso de Chave (Android) escaneiam elementos focáveis. Reduza as paradas:

<Pressable
  accessibilityRole="button"
  accessibilityLabel={`${productName}, ${price}, adicionar ao carrinho`}
  onPress={addToCart}
  style={styles.row}
>
  <View importantForAccessibility="no-hide-descendants" accessibilityElementsHidden>
    {/* layout visual */}
  </View>
</Pressable>

Menos paradas de foco = escaneamento mais rápido para usuários de chave
Forneça accessibilityActions em controles ajustáveis - veja accessibilityLabel & accessibilityRole
Evite carrosséis de avanço automático sem pausa - usuários de chave não podem interceptar temporizadores rápidos

import { Modal, Pressable, Text, View, StyleSheet } from "react-native";
 
export function ConfirmModal({ visible, onConfirm, onCancel }: {
  visible: boolean;
  onConfirm: () => void;
  onCancel: () => void;
}) {
  return (
    <Modal visible={visible} animationType="fade" transparent>
      <View style={styles.backdrop}>
        <View
          style={styles.sheet}
          accessibilityViewIsModal
          accessibilityLabel="Confirmar exclusão"
        >
          <Text accessibilityRole="header">Excluir item?</Text>
          <Pressable
            focusable
            accessibilityRole="button"
            accessibilityLabel="Confirmar exclusão"
            onPress={onConfirm}
          >
            <Text>Excluir</Text>
          </Pressable>
          <Pressable
            focusable
            accessibilityRole="button"
            accessibilityLabel="Cancelar"
            onPress={onCancel}
          >
            <Text>Cancelar</Text>
          </Pressable>
        </View>
      </View>
    </Modal>
  );
}
 
const styles = StyleSheet.create({
  backdrop: { flex: 1, backgroundColor: "rgba(0,0,0,0.5)", justifyContent: "center", padding: 24 },
  sheet: { backgroundColor: "#fff", borderRadius: 12, padding: 20, gap: 12 },
});

accessibilityViewIsModal impede que o VoiceOver alcance o conteúdo sob a folha
Ao dispensar, setAccessibilityFocus de volta ao controle de gatilho
O primeiro foco no modal deve ser o título ou ação principal - documentar em scripts de QA

Padrão 5: nextFocusForward do Android (Opcional)

Para saltos de foco de hardware determinísticos na Android TV ou teclados personalizados:

<Pressable
  nativeID="filterButton"
  focusable
  nextFocusDown="resultsList"
/>

IDs devem corresponder a nativeID na visualização de destino
Use com moderação - prefira a ordem natural da árvore quando possível

Padrão 6: Visualização Dividida do Tablet com Expo Router

Padrões de layout de link cruzado:

// Largo: lista + detalhe lado a lado - foco muda para detalhe ao selecionar
// Estreito: empilhamento de rota para rota de detalhe - foco pousa no cabeçalho de detalhe ao montar

Consulte Visualização Dividida e Layouts de Tablet para estrutura de roteamento; esta página cobre o comportamento de foco após a divisão do layout.

Análise Profunda

Como o Foco Difere da Web

Sem tabIndex - use focusable e hierarquia nativa.
O tabindex rotativo estilo Radix não existe - simule com seleção com estado e setAccessibilityFocus.
ScrollViews não movem o foco automaticamente para filhos fora da tela - anuncie mudanças de rota em vez disso.

Matriz de Teste

Configuração	O que verificar
VoiceOver + teclado iPad	Tabulação pelo formulário; Enter ativa botões
TalkBack + teclado Bluetooth	Ordem de foco em mestre-detalhe
Controle de Chave (iOS)	Escaneamento atinge cada linha acionável uma vez
TalkBack lendo controles	Cabeçalhos navegáveis via equivalente de rotor

Checklist de Restauração de Foco

Usuário abre modal → foco no título do modal
Usuário fecha modal → foco retorna ao gatilho
Usuário exclui item da lista → foco muda para a próxima linha ou estado vazio
Usuário envia formulário com erros → foco no primeiro campo inválido - Acessibilidade em Formulários

Armadilhas

Reordenação de FlatList - mudanças dinâmicas de dados podem mover nós; re-teste o foco após classificar/filtrar.
Sobreposições de manipulador de gestos - podem interceptar teclas se não forem emparelhadas com Pressable acessível.
Abas ocultas fora da tela - monte todas as abas e oculte com display: 'none' prende o foco; desmonte rotas inativas ou oculte descendentes.
AutoFocus em cada tela - desorienta usuários de leitores de tela; foque apenas no primeiro campo em formulários vazios.
Incorporações de WebView - loop de foco separado; forneça uma saída nativa.

FAQs

O React Native suporta navegação completa por teclado como a web?

Parcial - TextInput e Pressable focáveis são os blocos de construção principais.
Widgets complexos (grades, árvores) precisam de accessibilityActions explícitos e gerenciamento de foco.

Como mover o foco do TalkBack programaticamente?

AccessibilityInfo.setAccessibilityFocus(reactTag) com findNodeHandle(ref.current).
Prefira refs em Text ou View com um accessibilityRole="header" claro.

Os itens da lista devem ser focáveis no telefone?

Sim, quando a linha é a unidade acionável - usuários de chave e teclado se beneficiam mesmo sem tablets.
Certifique-se de que cada linha tenha um rótulo combinado conciso.

Relacionados

Noções Básicas de Acessibilidade - Fundamentos do VoiceOver/TalkBack
accessibilityLabel & accessibilityRole - papéis e agrupamento para linhas
Visualização Dividida e Layouts de Tablet - roteamento mestre-detalhe
Acessibilidade em Formulários - foco de envio e foco de erro
Rotas de Modal e Apresentação - padrões de apresentação de folha
Melhores Práticas de Acessibilidade - resumo da seção

Versões do Stack: Esta página foi escrita para React 19.2.3, React Native 0.86.0 e Expo SDK 57 (expo ~57.0.4).

Receita

Cartão de receita de referência rápida - pronto para copiar e colar.

import { useRef } from "react";
import { FlatList, Pressable, Text, TextInput, View, StyleSheet } from "react-native";
 
export function KeyboardFriendlyForm() {
  const emailRef = useRef<TextInput>(null);
  const passwordRef = useRef<TextInput>(null);
 
  return (
    <View style={styles.form}>
      <Text nativeID="emailLabel" style={styles.label}>
        Email
      </Text>
      <TextInput
        ref={emailRef}
        accessibilityLabel="Email"
        accessibilityLabelledBy="emailLabel"
        returnKeyType="next"
        blurOnSubmit={false}
        onSubmitEditing={() => passwordRef.current?.focus()}
        style={styles.input}
      />
 
      <Text nativeID="passwordLabel" style={styles.label}>
        Senha
      </Text>
      <TextInput
        ref={passwordRef}
        accessibilityLabel="Password"
        accessibilityLabelledBy="passwordLabel"
        secureTextEntry
        returnKeyType="done"
        style={styles.input}
      />
 
      <Pressable
        accessibilityRole="button"
        accessibilityLabel="Sign in"
        focusable
        style={styles.button}
      >
        <Text style={styles.buttonText}>Entrar</Text>
      </Pressable>
    </View>
  );
}
 
const styles = StyleSheet.create({
  form: { padding: 16, gap: 8 },
  label: { fontWeight: "600" },
  input: { borderWidth: 1, borderColor: "#cbd5e1", borderRadius: 8, padding: 12 },
  button: { minHeight: 44, backgroundColor: "#2563eb", borderRadius: 8, justifyContent: "center", alignItems: "center" },
  buttonText: { color: "#fff", fontWeight: "600" },
});

Exemplo de Trabalho

Mestre-detalhe em um tablet: selecionar um item da lista move o foco do leitor de tela e o foco do teclado para o cabeçalho de detalhes.

import { useEffect, useRef, useState } from "react";
import {
  AccessibilityInfo,
  FlatList,
  Pressable,
  Text,
  View,
  StyleSheet,
  findNodeHandle,
} from "react-native";
 
type Item = { id: string; title: string; body: string };
 
const DATA: Item[] = [
  { id: "1", title: "Fatura #1042", body: "Vencimento em 12 de abril" },
  { id: "2", title: "Fatura #1043", body: "Paga" },
];
 
export function MasterDetail({ width }: { width: number }) {
  const isSplit = width >= 768;
  const [selectedId, setSelectedId] = useState(DATA[0].id);
  const detailTitleRef = useRef<Text>(null);
  const selected = DATA.find((d) => d.id === selectedId)!;
 
  useEffect(() => {
    if (!isSplit) return;
    const node = findNodeHandle(detailTitleRef.current);
    if (node) {
      AccessibilityInfo.setAccessibilityFocus(node);
    }
  }, [selectedId, isSplit]);
 
  return (
    <View style={styles.split}>
      <FlatList
        style={styles.list}
        data={DATA}
        keyExtractor={(item) => item.id}
        renderItem={({ item }) => (
          <Pressable
            accessibilityRole="button"
            accessibilityLabel={item.title}
            accessibilityState={{ selected: item.id === selectedId }}
            focusable
            onPress={() => setSelectedId(item.id)}
            style={[styles.row, item.id === selectedId && styles.rowSelected]}
          >
            <Text>{item.title}</Text>
          </Pressable>
        )}
      />
      {isSplit ? (
        <View style={styles.detail} accessibilityLabel="Detalhes da fatura">
          <Text
            ref={detailTitleRef}
            accessibilityRole="header"
            style={styles.detailTitle}
          >
            {selected.title}
          </Text>
          <Text>{selected.body}</Text>
        </View>
      ) : null}
    </View>
  );
}
 
const styles = StyleSheet.create({
  split: { flex: 1, flexDirection: "row" },
  list: { flex: 1, maxWidth: 320 },
  row: { padding: 16, minHeight: 48 },
  rowSelected: { backgroundColor: "#e0f2fe" },
  detail: { flex: 2, padding: 24, gap: 8 },
  detailTitle: { fontSize: 22, fontWeight: "700" },
});

O que isso demonstra:

focusable em linhas de lista para travessia de teclado de hardware
accessibilityState.selected expõe a seleção da lista ao TalkBack
AccessibilityInfo.setAccessibilityFocus move o VoiceOver para o cabeçalho de detalhes na mudança de seleção
Layout dividido apenas em telas largas - navegação de pilha do telefone inalterada

Padrões de Receita

Padrão 1: Ordem de Leitura Corresponde à Ordem Visual

React Native não suporta reordenação de foco no estilo order do CSS. Estruture o JSX para que a árvore nativa corresponda à sequência pretendida.

// Preferível - título antes das ações no JSX
<View>
  <Text accessibilityRole="header">Conta</Text>
  <Pressable accessibilityRole="button" accessibilityLabel="Editar perfil" />
  <Pressable accessibilityRole="button" accessibilityLabel="Sair" />
</View>
 
// Evitar - ações posicionadas visualmente acima do título com layout absoluto
// Leitores de tela ainda leem na ordem JSX, a menos que você oculte/reestruture

Técnica	Quando usar
Reordenar JSX	Padrão - mais barato e confiável
`importantForAccessibility="no-hide-descendants"`	Pular colunas decorativas
`setAccessibilityFocus`	Após mudanças de navegação ou seleção
Mesclar com `accessible` no pai	Parada única para linhas tocáveis complexas

Padrão 2: Teclado de Hardware em Tablets

Tecla / ação	Comportamento esperado	Suporte RN
Tab / Shift+Tab	Mover entre controles focáveis	Teclado externo Android + iPad (dependente da plataforma)
Enter / Espaço	Ativar botão focado	`Pressable` com `focusable`
Teclas de seta em listas	Frequentemente mapeia para rolagem, não foco de item	Complementar com semântica de lista explícita
Escape	Fechar modal	Ligar `BackHandler` + restauração de foco

<Pressable
  focusable
  accessibilityRole="button"
  accessibilityLabel="Fechar"
  onPress={onClose}
/>

TextInput é focável por padrão - encadeie campos com returnKeyType="next" e refs
Teste o Teclado Mágico do iPad e o Samsung DeX se seu aplicativo for direcionado a tablets de produtividade

Padrão 3: Controle de Chave e Navegação Sequencial

O Controle de Chave (iOS) e o Acesso de Chave (Android) escaneiam elementos focáveis. Reduza as paradas:

<Pressable
  accessibilityRole="button"
  accessibilityLabel={`${productName}, ${price}, adicionar ao carrinho`}
  onPress={addToCart}
  style={styles.row}
>
  <View importantForAccessibility="no-hide-descendants" accessibilityElementsHidden>
    {/* layout visual */}
  </View>
</Pressable>

Menos paradas de foco = escaneamento mais rápido para usuários de chave
Forneça accessibilityActions em controles ajustáveis - veja accessibilityLabel & accessibilityRole
Evite carrosséis de avanço automático sem pausa - usuários de chave não podem interceptar temporizadores rápidos

import { Modal, Pressable, Text, View, StyleSheet } from "react-native";
 
export function ConfirmModal({ visible, onConfirm, onCancel }: {
  visible: boolean;
  onConfirm: () => void;
  onCancel: () => void;
}) {
  return (
    <Modal visible={visible} animationType="fade" transparent>
      <View style={styles.backdrop}>
        <View
          style={styles.sheet}
          accessibilityViewIsModal
          accessibilityLabel="Confirmar exclusão"
        >
          <Text accessibilityRole="header">Excluir item?</Text>
          <Pressable
            focusable
            accessibilityRole="button"
            accessibilityLabel="Confirmar exclusão"
            onPress={onConfirm}
          >
            <Text>Excluir</Text>
          </Pressable>
          <Pressable
            focusable
            accessibilityRole="button"
            accessibilityLabel="Cancelar"
            onPress={onCancel}
          >
            <Text>Cancelar</Text>
          </Pressable>
        </View>
      </View>
    </Modal>
  );
}
 
const styles = StyleSheet.create({
  backdrop: { flex: 1, backgroundColor: "rgba(0,0,0,0.5)", justifyContent: "center", padding: 24 },
  sheet: { backgroundColor: "#fff", borderRadius: 12, padding: 20, gap: 12 },
});

accessibilityViewIsModal impede que o VoiceOver alcance o conteúdo sob a folha
Ao dispensar, setAccessibilityFocus de volta ao controle de gatilho
O primeiro foco no modal deve ser o título ou ação principal - documentar em scripts de QA

Padrão 5: nextFocusForward do Android (Opcional)

Para saltos de foco de hardware determinísticos na Android TV ou teclados personalizados:

<Pressable
  nativeID="filterButton"
  focusable
  nextFocusDown="resultsList"
/>

IDs devem corresponder a nativeID na visualização de destino
Use com moderação - prefira a ordem natural da árvore quando possível

Padrão 6: Visualização Dividida do Tablet com Expo Router

Padrões de layout de link cruzado:

// Largo: lista + detalhe lado a lado - foco muda para detalhe ao selecionar
// Estreito: empilhamento de rota para rota de detalhe - foco pousa no cabeçalho de detalhe ao montar

Consulte Visualização Dividida e Layouts de Tablet para estrutura de roteamento; esta página cobre o comportamento de foco após a divisão do layout.

Análise Profunda

Como o Foco Difere da Web

Sem tabIndex - use focusable e hierarquia nativa.
O tabindex rotativo estilo Radix não existe - simule com seleção com estado e setAccessibilityFocus.
ScrollViews não movem o foco automaticamente para filhos fora da tela - anuncie mudanças de rota em vez disso.

Matriz de Teste

Configuração	O que verificar
VoiceOver + teclado iPad	Tabulação pelo formulário; Enter ativa botões
TalkBack + teclado Bluetooth	Ordem de foco em mestre-detalhe
Controle de Chave (iOS)	Escaneamento atinge cada linha acionável uma vez
TalkBack lendo controles	Cabeçalhos navegáveis via equivalente de rotor

Checklist de Restauração de Foco

Usuário abre modal → foco no título do modal
Usuário fecha modal → foco retorna ao gatilho
Usuário exclui item da lista → foco muda para a próxima linha ou estado vazio
Usuário envia formulário com erros → foco no primeiro campo inválido - Acessibilidade em Formulários

Armadilhas

Reordenação de FlatList - mudanças dinâmicas de dados podem mover nós; re-teste o foco após classificar/filtrar.
Sobreposições de manipulador de gestos - podem interceptar teclas se não forem emparelhadas com Pressable acessível.
Abas ocultas fora da tela - monte todas as abas e oculte com display: 'none' prende o foco; desmonte rotas inativas ou oculte descendentes.
AutoFocus em cada tela - desorienta usuários de leitores de tela; foque apenas no primeiro campo em formulários vazios.
Incorporações de WebView - loop de foco separado; forneça uma saída nativa.

FAQs

O React Native suporta navegação completa por teclado como a web?

Parcial - TextInput e Pressable focáveis são os blocos de construção principais.
Widgets complexos (grades, árvores) precisam de accessibilityActions explícitos e gerenciamento de foco.

Como mover o foco do TalkBack programaticamente?

AccessibilityInfo.setAccessibilityFocus(reactTag) com findNodeHandle(ref.current).
Prefira refs em Text ou View com um accessibilityRole="header" claro.

Os itens da lista devem ser focáveis no telefone?

Sim, quando a linha é a unidade acionável - usuários de chave e teclado se beneficiam mesmo sem tablets.
Certifique-se de que cada linha tenha um rótulo combinado conciso.

Relacionados

Noções Básicas de Acessibilidade - Fundamentos do VoiceOver/TalkBack
accessibilityLabel & accessibilityRole - papéis e agrupamento para linhas
Visualização Dividida e Layouts de Tablet - roteamento mestre-detalhe
Acessibilidade em Formulários - foco de envio e foco de erro
Rotas de Modal e Apresentação - padrões de apresentação de folha
Melhores Práticas de Acessibilidade - resumo da seção

Versões do Stack: Esta página foi escrita para React 19.2.3, React Native 0.86.0 e Expo SDK 57 (expo ~57.0.4).

Ordem de Foco e Navegação por Teclado

Buscar na documentação

Ordem de Foco e Navegação por Teclado