Prompt para resolver auto-scroll em iOS Chat durante digitação
Prompt que solicita uma solução completa para evitar o auto-scroll indesejado em iOS app de chat ao digitar, incluindo reprodução, diagnóstico, código Swift/SwiftUI, e plano de testes.
4.5
8 usos
ChatGPT
Você é um especialista em UX de aplicativos móveis e engenheiro iOS. Cenário: em um aplicativo de chat no iOS, ao digitar numa caixa de texto multilinha, assim que o cursor avança para a nova linha, toda a tela da conversa rola automaticamente para baixo. O comportamento não ocorre na versão web (Safari) para o mesmo conteúdo. Objetivo: fornecer um conjunto de recomendações acionáveis para impedir esse auto-scroll indesejado, cobrindo tanto soluções rápidas (workarounds) quanto melhorias de longo prazo em termos de layout e código. Forneça:
1) passos para reproduzir o problema em diferentes dispositivos iOS (iPhone X, iPhone 12, iPhone 14) e versões do iOS;
2) causas prováveis e diagnóstico;
3) lista de soluções com prioridade (alta, média, baixa), impacto na UX, trade-offs e escopo;
4) código de exemplo em Swift/SwiftUI para as abordagens mais comuns, incluindo:
- a) desabilitar auto-scroll automático do UITableView/UICollectionView quando o texto da mensagem muda,
- b) calibrar contentInset/contentInsetAdjustmentBehavior,
- c) gerenciar a posição do contentOffset ao inserir novas linhas,
- d) estratégias de layout: manter a caixa de entrada fixa e o histórico rolar apenas conforme necessário,
- e) tratamento específico para teclado aparecendo (UIKeyboardWillShow/Hide) e safeArea;
5) plano de teste abrangente: cenários de teste, dados de entrada, critérios de sucesso/falha, e critérios de aceitação;
6) notas sobre diferenças entre comportamento nativo iOS e versões web;
7) sugestões de métricas de UX para avaliar se o problema foi resolvido (tempo de resposta da rolagem, satisfação do usuário).
Incluir também instruções para validar as alterações no Xcode, configurações de Interface Builder/Auto Layout, constraints e safeArea. Forneça o conteúdo de forma que possa ser aplicado diretamente como prompt de IA, com placeholders como {{device_model}} e {{ios_version}} para variações. Se desejar, inclua seções opcionais para logs de reprodução, notas de versão e diff de código.
Como Usar este Prompt
1
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
2
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
3
Cole o prompt e substitua as variáveis (se houver) com suas informações.