Como desenhar um tabuleiro de Sudoku inteiro em um SkPicture (e por que o Canvas declarativo travava)
|9 min read
Escrito por: Jonathan Reis em
Por que o renderer Skia declarativo com 81 componentes React por célula sofria em dispositivos antigos, e como reimplementar o tabuleiro com Skia.PictureRecorder + <Picture> elimina o reconciler do caminho crítico de render.
Seu confete em React Native renderiza atrás dos cards: ordem de irmãos, zIndex e elevation
|8 min de leitura
Escrito por: Jonathan Reis em
Um overlay de comemoração na tela de vitória caía atrás dos cards de resultado e descia rápido demais. A causa era a ordem de pintura entre irmãos no React Native, não um z-index faltando. Veja por que zIndex sozinho não basta no Android e como corrigimos os dois bugs.
Quando validação prestativa vira trapaça: as notas de Sudoku que vazavam a resposta
|7 min de leitura
Escrito por: Jonathan Reis em
Nosso Sudoku bloqueava anotações que conflitavam com a linha, coluna ou bloco. Parecia uma checagem de segurança. Na verdade era um solver de graça que dizia ao jogador quais números ainda eram possíveis. Veja o conserto e o princípio por trás dele.
Um TextInput escondido não captura teclado físico na New Architecture do React Native
|8 min de leitura
Escrito por: Jonathan Reis em
Queríamos teclado físico num jogo React Native no Android. O truque clássico do TextInput escondido falhou no Fabric porque o showSoftInputOnFocus é ignorado. O adb provou isso, e um config plugin resolveu de vez.
A borda arredondada que jogou todos os dígitos do Sudoku para o lado
|8 min de leitura
Escrito por: Jonathan Reis em
Uma borda num container overflow-hidden deslocou nosso tabuleiro Skia e descentralizou todos os dígitos. Veja como screenshots, e não o olho, acharam a causa real num jogo React Native.